（1）选择符：id（ID）；class（类）；element（标签）；element element（后代）；element>element（子）；
element，element（群组）；element+element（相邻同胞）；伪类（:link,:visited,:active,:hover,:focus:first-child,:lang(language)）；
伪元素（:first-letter,:first-line,:before,:after）；属性选择器
（2）可继承的选择符：主要是文本方面的可继承，盒模型相关的属性基本没有继承特性。font-size，font-family，color，ul
（3）不可继承的选择符：border，padding，margin，width，height
（4）优先级：同权重下样式定义最近者高。！important>内联样式（即定义在HTML标签内的样式，1000）>id（100）>
class/伪类/属性（10）>伪元素/element（1）
（5）CSS引入伪类和伪元素的原因：用来修饰DOM树以外的部分。
伪类用于当已有元素处于某个状态时，为其添加对应的样式，这个状态根据用户行为而动态变化。伪类的操作对象是DOM树中已有的元素。
伪元素用于创建一些不在DOM树中的元素，并为其添加样式
伪类和伪元素的区别在于有没有创建一个DOM树之外的元素
image
网友评论