计算权重的方法

三. 层叠和继承

• 继承

父元素拥有了某个css属性，子元素不需要任何条件的情况下都会拥有父元素的属性。

并不是所有的css属性都能继承，可以被继承的css属性有以下：

color  text-  line-  font-   -->都是跟文字属性相关。  

Hello,span

其它的关于盒子、定位、布局的属性不能被继承。

• 层叠

是css处理冲突的一种解决方案。需要通过计算权重 来解决层叠的问题。

计算权重的第一步

div-div-div-p

结果：

计算权重的第二步

div-div-div-p

结果：

计算权重第三步

div-div-div-p

结果：

计算权重第四步

div-div-div-p

结果：

总结

• 先看有没有选中目标元素，如果选中，比较权重，谁的权重大听谁的。如果权重一样，谁写在后面听谁的。
• 如果没有选中目标元素，那么权重为0，如果所有的权重都为0，就近原则，谁离目标元素近听谁的。