如何理解 CSS 样式表的层叠性？

CSS使用层叠（Cascade）的原则来考虑继承、层叠次序和优先级等重要特征，从而判断相互冲突的规则中哪个规则应该起作用。
继承性是指，许多CSS的样式规则不但影响选择器所定义的元素，而且会被这些元素的后代继承。
层叠性是指，当一个Web页面使用多个样式表，多个样式表中的样式可层叠为一个。在多个样式表之间所定义的样式没有冲突的时候，浏览器会显示所有的样式。
优先级是指，当发生样式定义冲突时，浏览器首先会按照不同样式规则的优先级来应用样式。
CSS 样式的优先级如下所示（其中数字3拥有最高的优先权）：

1. 浏览器缺省设置；

2. 外部样式表（.css 文件）或者内部样式表（位于元素内部）；

3. 内联样式（作为某个元素的style属性的值）。

同等优先级下，以最后定义的样式为准，important比内联高。