淘先锋技术网

首页 1 2 3 4 5 6 7

当网页中有多种CSS样式时,浏览器如何处理这些样式呢?这就需要用到CSS层叠规则。

样式的优先级顺序:
1. !important
2. 内联样式(style)
3. ID选择器
4. 类选择器、属性选择器、伪类选择器
5. 标签选择器、伪元素选择器
6. 通配符选择器

如果两个元素使用了同一个选择器,则以后面的样式为准。

p {
color: red;
}
p {
color: blue;
}

此时,网页中的段落字体颜色为蓝色。

需要注意的是,当样式优先级相同时,以后定义的样式会对以前的样式进行覆盖。

CSS层叠规则是CSS样式表的基础,也是我们掌握CSS的关键点之一。