CSS继承、层叠和特殊性

继承性

CSS样式的相互传递，也就是说CSS内部标签拥有CSS外部标签的某些样式。我们可以利用CSS的继承性先把网页中具有相同，可继承的样式提取出来，然后进行全局中定义，利用继承属性影响整个页面的样式。

CSS中不可以继承的属性

1.边框属性
2.边界属性
3.补白属性
4.背景属性
5.定位属性
6.布局属性
7.元素宽高属性

层叠性

CSS可以对同一元素或网页运用多个样式。当发生多个样式定义相同属性的时候以后面定义的样式为准。

div{font-size:10px}
div{font-size:15px}
1
2

最后会显示15px

优先级

1.对于不同来源的样式来说：作者>用户>浏览器>HTML
HTML：元素默认样式
作者：网页创建人创建的样式
用户：用户设置的样式
浏览器：浏览器默认的样式
2.对于相同来源的不同样式来说：一般情况行内样式>内部样式>我口水样式

特殊性

对于不同类型的选择器他们的有限级不同，权重比也不同：常规选择器权重比：
标签选择器：1
伪元素或伪对象选择器：1
类选择器：10
属性选择器：10
ID选择器：100
其他选择器：0，如通配选择器
然后根据规则计算总权值：规则如下：
ID选择器个数100
类选择器个数10
标签选择器个数1
伪元素或伪类选择器个数1
之后相加计算总权值，进行比较权值大的优先级高。被继承样式的优先级始终为0
!important样式具有最高的权重值，如果用数值表示的话可以用一万表示。