CSS 选择器优先级
CSS 选择器的优先级:
1) important
2) 内联样式
3) id 选择器
4) 类、伪类、属性选择器
5) 元素选择器
6) 通配符选择器
同时: 空格 和 > 优先级一致,即 div>span 和 div span 优先级一致
注意: 一下代码字体颜色为 蓝色,因为同样的 id选择器,后面的样式会覆盖之前的
<div id="box"> <div id="middle"> <span>字体颜色</span> </div> </div> <style> #middle span{ color:red; } #box span{ color:blue; } </style>