1、层叠概念：层叠（Cascade），CSS是CascadingStyleSheet的缩写，说明层叠很重要。从表面上看，级联表示CSS规则的顺序，但级联远比这复杂。在所有选择器中，一个选择器定义的规则能否胜出（优先级）取决于三个要素：Important、Specificity、Sourceorder。1，！重要声明（Important）在css规则的值末尾添加“!Important”可以保证该规则优先于其他规则，但一般不建议使用“!Important”，因为它会改变级联的方式工作并使调试变得困难。例如：这是一个段落。
一个选择器来统治他们2.特异性通过四个特征值量化一个选择器2.1。ThousandsInline样式（嵌入类型样式），即直接写在元素中，添加1,0,0,0例子：2.2。Hundreds在一个选择器中包含所有ID选择器示例：#div2.2。Tens在一个选择器中包含所有类属性选择器，类选择器，伪类选择器示例：.classes,[attributes],#focus:hover2.4。一个选择器中包含的所有元素选择器，伪元素选择器示例：::after3，代码顺序（Sourceorder）如果多个竞争选择器的重要性和属性值相同，则代码顺序起作用，后面的规则优先超过以前的规则。2.继承（Inheritance）CSS中有些规则默认会被子元素继承，有些则不会。比如字体系列属性，文本系列属性，列表系列属性，cursorCSS提供了三个特殊的值来处理继承1）inherit继承父元素的样式2）initial不继承。套用浏览器的默认样式3）如果不设置unset，则显示规则原有的特性，即如果规则有继承属性，则继承，否则不继承。
