CSS 选择器优先级是指“基础选择器” 的优先级, 如下
ID>CLASS>元素>*
1.
important 的优先级最高(不建议使用,不利于维护)
ID>CLASS>元素>*
important>内联>ID>类>标签|伪类|属性选择器>伪元素>继承>通配符
优先级数值比较: 以数值大的为准
记住以下四个然后进行计算
选择器 | 特殊性(abcd) | 优先级 |
style=“” | 1,0,0,0 | 1000 |
#wrapper #content{} | 0,2,0,0 | 200 |
#content .demo{} | 0,1,1,0 | 110 |
div#content{} | 0,1,0,1 | 101 |
#content p{} | 0,1,0,1 | 101 |
#content{} | 100 | 100 |
p .comment .demo{} | 0,0,2,1 | 21 |
div .comment p{} | 0,0,1,2 | 12 |
.comment p{} | 0,0,1,1 | 11 |
p .comment{} | 0,0,1,1 | 11 |
.comment{} | 0,0,1,0 | 10 |
div p{} | 0,0,0,2 | 2 |
p{} | 0,0,0,1 | 1 |
2. 内联样式表的权值最高 1000;
3. ID 选择器的权值为 100
4. Class 类选择器的权值为 10
5. HTML 标签选择器的权值为 1