层叠性
一个元素的样式层叠了，听谁的，用权重区分
谁的权重高听谁的，
后面样式的权重>前面样式的权重
选择器范围小样式权重>范围大的样式权重
选择期id数量多的样式权重>class数量多的样式权重>标签数量多的样式权重
2 !important 提升权重
color: red !important;//提升该样式的权重，假如多个属性需要提升权重 每个属性都要加个!important
简单说！important破坏了2个规则：
一个是破坏id数量>class数量>标签数量
一个是后面的覆盖前面的位置
注意
1 页面不能滥用!important,只能在原子类情况使用
2 !important不影响继承，该是0还是0,继承的属性加上!important也不能与选中了元素的选择器抗衡
3 !important不影响就近原则 远的那个加上!important也没用，还是以近的为准
继承性
子元素能继承父元素的一些样式，如font-，text-,color，width
原文：https://www.cnblogs.com/xuanjian-91/p/10986966.html