前端学习日记（七）：css中伪元素选择器、级联、继承、颜色、长度与尺寸、字体样式的简单应用

一、伪元素选择器【伪元素以"::"开头，用在选择器后，用于选择指定的元素。 】

1. ::after 选中之后的不存在的节点，可配合content属性进行内容填充
2. ::before 选中之前的不存在的节点，可配合content属性进行内容填充
3. ::first-letter 选中第一个文本字符
4. ::first-line 选中第一行文本
5. ::selection 选中用户在选择的时候的文本

二、级联【级联(The cascade)，CSS是Cascading Style Sheets 的简写，说明级联是非常重 要的。从表层来看，级联表明CSS规则的顺序问题，但是级联远比这个复杂，在所有的 选择器中某个选择器定义的规则是否能够胜出（即优先级）取决于三个元素： Importance，Specificity，Source order 】

1. !important声明(Importance)
   在css规则的值末尾添加"!important"能够保证该规则优先其他规则。但是一般建议 不使用"!important",因为它会改变级联的工作方式，使得调试变得困难。
2. 特性值 (Specificity)
   通过4个特性值来量化一个选择器
   （1）Thousands • 声明在元素的style属性中。特性值记为1000
   （2） Hundreds • 包含在一个选择器中的所有ID选择器，特性值记为100
   （3）Tens • 包含在一个选择器中的所有类选择器，属性选择器，伪类选择器，特性值记 为10
   （4）Ones • 包含在一个选择器中的所有元素选择器&#