CSS短期课程
级联使CSS样式表非常有用。 简而言之，级联定义了应该如何应用冲突样式的优先顺序。 换句话说，如果你有两种风格：
p {color：red; }
p {color：blue; }
级联确定段落应该是哪种颜色，即使样式表指出它们应该是红色和蓝色。 最终只有一种颜色可以应用于段落，所以必须有一个订单。
这个顺序通过哪个选择器（在上面的例子中是p）具有最高的优先级以及它们在文档中出现的顺序来应用。
以下列表简化了您的浏览器如何确定样式的优先级：
- 在样式表中查找匹配元素的选择器。 如果没有定义的样式，则使用浏览器中的默认规则
- 查看标记为！重要的选择器的样式表，并将其应用到适当的元素。
- 样式表中的所有样式都将覆盖默认浏览器样式（用户样式表除外）。
- 风格选择器越具体，它的优先级越高。 例如，div> p.class比p.class更具体，它比p更具体。
- 最后，如果两个规则适用于相同的元素并具有相同的选择器优先级，则将应用最后加载的那个规则。 换句话说，样式表是从顶部到底部读取的，样式应用在另一个顶部。
基于这些规则，在上面的例子中，段落将以蓝色书写，因为p {color：blue; }在样式表中最后一个。
这是级联的一个非常简单的解释。 如果您有兴趣了解更多关于级联如何工作的信息，您应该阅读Cascading Style Sheets中的“Cascade”是什么意思？ 。