选择器类型
1、ID #id
2、class .class
3、标签 p
4、通用
5、属性 [type="text"]
6、伪类 :hover
7、伪元素 ::first-line
8、子选择器、相邻选择器
权重计算规则
1:代表内联样式,如: style=””,权值为 1000。
2:代表ID选择器,如:#content,权值为 0100。
3:代表类,伪类和属性选择器,如.content,权值为 0010。
4:代表类型选择器和伪元素选择器,如div p,权值为 0001。
通配符、子选择器、相邻选择器权重相等。如 >、+, 权值为 0000。
继承的样式没有权值。
权重比较法则
1,0,0,0 > 0,99,99,99。即从左往右逐个等级比较,前一等级相等才往后比。
通配符、子选择器、相邻选择器虽然权值为 0000,但是也比继承的样式优先。
!important
!important 的作用是提升优先级即加了这句的样式的优先级是最高的(比内联样式的优先级还高)。