CSS (cascading style sheets) 层叠样式表。其关键点就是在层叠上
- 重要性（Importance）
- 专用性（Specificity）
- 源代码次序（Source order）
!important
这个是跟随在css属性值后的一个关键字，将会打乱正常的规则应用方式，仅仅适合一些不便于修改样式但是又想修改的情况下，强制覆盖。
css选择器计算规则
在选择器那章已经提及了计算方式，因此这里不再叙说
源代码顺序
css就像糊墙一样，在相同材料(计算权重)下面，总是后来的糊在先来的上面
样式混合
css中是可以样式混合的，会从相同的选择匹配的样式中叠加一起，按照权重不同择优。最终得到完整的样式表。
<style>
.text-span {
color:green;
}
span {
font-size:20px;
color:yellow;
}
</style>
<span class=" text-span ">这是一个span</span>
最终应用的内容则是 color:green;font-size:20px;因为权重关系，span的color属性被.text-span覆盖。
属性继承
继承样式是一个非常重要的点，有一些属性是属域可以继承的，比如最常见的font相关属性，如果不设置都会从父级继承
-
inherit自然继承，元素的该样式属性将和父元素相同属性保持一致 -
initial初始值继承，这个属性是由浏览器控制的，将从浏览器设定的初始值上继承该属性IE不支持 -
unset是inherit和initial的结合体，如果该属性默认可继承，则应用inherite否则应用initialIE不支持 -
revert如果user agent stylesheet中支持该属性，则从用户样式表里面获取，否则应用initial。只有safari9.1+和ios9.3+支持
补：归零属性 all
在继承环节里面，有一个归零操作，当应用该属性时，结合继承关系，将该元素上所有的样式重置
<style>
.text-span {
all:unset;
}
span {
font-size:20px;
color:yellow;
}
</style>
<span class=" text-span ">这是一个span</span>
