嵌套选择器优先级

来源:互联网 发布:编程类书籍 mobi 编辑:程序博客网 时间:2024/06/01 08:20
一组嵌套选择器的优先级是可以计算出来的。

div p { color: red; }

p { color: blue; }

结果:p元素下元素颜色是红色。原则:ID选择器的值是100,class选择器的值是10,

html选择器值是1。

所以,上面两个选择器的优先级分别是:11、1,所有是红色。

例如:

div p.tree

优先级的值是:1+1+10 = 12