css选择器优先级深入理解

一、什么是css优先级
css优先级,即是指CSS样式在浏览器中被解析的先后顺序。
二、css优先级规则
1、通配选择符的权值 0.0.0.0
2、标签的权值为 0.0.0.1
3、类的权值为 0.0.1.0
4、属性选择的权值为 0.0.1.0
5、伪类选择的权值为 0.0.1.0
6、伪对象选择的权值为 0.0.0.1
7、ID的权值为 0.1.0.0
8、important的权值为最高 1.0.0.0
所以在比较样式的优先级时,只需统计选择符中的id、class、标签名个数,然后把对应的权值相加即可。根据结果便可得出优先级高低。
1、结果较大的优先级较高。
2、结果相同,则后定义的样式优先级较高。
3、如果样式值中含有!important,则该值优先级最高。

相关推荐