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

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

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

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

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

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

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