CSS的优先级（权重）
1、!important; 优先级最高
2、内联样式表的优先级 1000
3、id选择器优先级 ???100
4、class选择器优先级 ???10
5、html标签选择器优先级 ???1
6、优先级一样，后面的覆盖前面的
按这些规则将数字符串逐位相加，就得到最终的权重
例：
<style>
???.div3 { ????????/* 权重10 */
???????color: red!important;
???}
???.div1 .div3 { ??/*权重 10+10=20 */
???????color: yellow;
???}
???#div .div3{ ??/*权重 100+10=110 */
???????color: orange;
???}
</style>
<div class="div1" id="div">
???<div class="div2">
???????<div class="div3">嵌套</div>
???</div>
</div>
CSS的继承性：继承是CSS的一个主要特征，它是依赖于祖先-后代的关系的。继承是一种机制，它允许样式不仅可以应用于某个特定的元素，还可以应用于它的后代。
然而CSS继承性的权重是非常低的，是比普通元素的权重还要低的0，任何显示申明的规则都可以覆盖其继承样式。
但CSS继承也是有限制的。有一些属性不能被继承，如：border, margin, padding, background等。
CSS的优先级与继承
原文地址：https://www.cnblogs.com/dangrui0725/p/9508015.html