当网页中有多种CSS样式时,浏览器如何处理这些样式呢?这就需要用到CSS层叠规则。
样式的优先级顺序: 1. !important 2. 内联样式(style) 3. ID选择器 4. 类选择器、属性选择器、伪类选择器 5. 标签选择器、伪元素选择器 6. 通配符选择器
如果两个元素使用了同一个选择器,则以后面的样式为准。
p { color: red; } p { color: blue; }
此时,网页中的段落字体颜色为蓝色。
需要注意的是,当样式优先级相同时,以后定义的样式会对以前的样式进行覆盖。
CSS层叠规则是CSS样式表的基础,也是我们掌握CSS的关键点之一。