一、伪类和伪元素
伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。
与伪类针对特殊状态的元素不同的是，伪元素是对元素中的特定内容进行操作，它所操作的层次比伪类更深了一层，也因此它的动态性比伪类要低得多。实际上，设计伪元素的目的就是去选取诸如元素内容第一个字（母）、第一行，选取某些内容前面或后面这种普通的选择器无法完成的工作。它控制的内容实际上和元素是相同的，但是它本身只是基于元素的抽象，并不存在于文档中，所以叫伪元素。
伪类/伪元素的语法：selector:pseudo-class / pseudo-element {property:value;}
CSS类也可以使用伪类/伪元素：selector.class:pseudo-class / pseudo-element {property:value;}
所有的伪类/伪元素：https://www.runoob.com/css/css-pseudo-classes.html
二、插入样式表的方法有三种:外部样式表、内部样式表和内联样式
- 外部样式表：当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 <link> 标签在（文档的）头部：<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
- 内部样式表：当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表。
- 内联样式：要使用内联样式，你需要在相关的标签内使用样式（style）属性。
- 多重样式表：如果某些属性在不同的样式表中被同样的选择器定义，那么属性值将从更具体的样式表中被继承过来。
- 如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。
- 优先级逐级增加的选择器列表：通用选择器（*）-->元素(类型)选择器-->类选择器-->属性选择器-->伪类-->ID 选择器-->内联样式
- 当 !important 规则被应用在一个样式声明中时,该样式声明会覆盖CSS中任何其他的声明, 无论它处在声明列表中的哪里。只在需要覆盖全站或外部 css的特定页面中使用 !important（列如color:#00f !important; /* 优先级最大 */）
- 权重计算：1. 内联样式表的权值最高 1000；2. ID 选择器的权值为 100；3. Class 类选择器的权值为 10；4. HTML 标签选择器的权值为 1。
- css优先法则：A 选择器都有一个权值，权值越大越优先；B 当权值相等时，后出现的样式表设置要优于先出现的样式表设置；C 创作者的规则高于浏览者：即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式；D 继承的CSS 样式不如后来指定的CSS 样式；E 在同一组属性设置中标有“!important”规则的优先级最大。
三、CSS学习推荐
3057
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
