本文详细解析了CSS嵌套选择器的优先级计算规则，并通过实例展示了如何运用这些规则解决实际布局问题。
一组嵌套选择器的优先级是可以计算出来的。
div p { color: red; }
p { color: blue; }
结果：p元素下元素颜色是红色。原则：ID选择器的值是100，class选择器的值是10，
html选择器值是1。
所以，上面两个选择器的优先级分别是：11、1，所有是红色。
例如：
div p.tree
优先级的值是：1+1+10 = 12
div p { color: red; }
p { color: blue; }
结果：p元素下元素颜色是红色。原则：ID选择器的值是100，class选择器的值是10，
html选择器值是1。
所以，上面两个选择器的优先级分别是：11、1，所有是红色。
例如：
div p.tree
优先级的值是：1+1+10 = 12
扫一扫
985
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
