层叠性 一个元素的样式层叠了,听谁的,用权重区分 谁的权重高听谁的, 后面样式的权重>前面样式的权重 选择器范围小样式权重>范围大的样式权重 选择期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