CSS 伪类和伪元素以及权重比较

伪类：注意伪类是类

伪元素：注意伪元素是代表一类元素

权重比较

共分为4个等级：

第一等：代表内联样式，如: style="xxx"，权值为1000。

第二等：代表ID选择器，如：#content，权值为100。

第三等：代表类，伪类和属性选择器，如.content，:hover，[attribute]，权值为10。

第四等：代表元素选择器和伪元素选择器，如div，p，权值为1。

注意：通用选择器（*），子选择器（>）和相邻同胞选择器（+）相邻后代选择器（~）并不在等级中，所以他们的权值都为0。

比较案例

补充知识点：