级联是使CSS样式表非常有用的原因。简而言之，级联定义了应该如何应用冲突样式的优先顺序。换句话说，如果你有两种风格：
p {颜色：红色; }p {颜色：蓝色; }
级联确定段落应该是哪种颜色，即使样式表指出它们应该是红色和蓝色。最终只能将一种颜色应用于段落，因此必须有一个订单。这个顺序适用于哪个选择器（ p 在上面的示例中）具有最高优先级以及它们在文档中出现的顺序。
以下列表简化了浏览器如何确定样式的优先级：
- 在样式表中查找与元素匹配的选择器。如果没有已定义的样式，请使用浏览器中的默认规则
- 在样式表中查找标记的选择器
！重要并将它们应用于适当的元素。 - 样式表中的所有样式都将覆盖默认浏览器样式（用户样式表除外）。
- 样式选择器越具体，它的优先级就越高。例如，
div> p.class比具体更具体p.class哪个更具体p. - 最后，如果两个规则适用于同一个元素并且具有相同的选择器优先级，则加载的那个 持续 将适用。换句话说，样式表从上到下读取，样式应用于彼此之上。
基于这些规则，在上面的例子中，段落将用蓝色写，因为 p {颜色：蓝色; } 在样式表中排在最后。
这是级联的非常简化的解释。如果您有兴趣了解有关级联如何工作的更多信息，您应该阅读层叠样式表中“Cascade”的含义。
