1.层叠性
当存在多个相同选择器(权重相同),作用在同一个元素身上,发生了属性冲突,后来者居上,后面的属性会覆盖前面的
2.继承性
存在父子关系的盒子,子元素会继承父元素的部分部分部分属性
记住两个特殊标签即可
1.a标签不继承颜色
2.h系列的标签不继承字体大小
3.优先级
顺序:继承性 < 通配符 < 标签选择器 < 类选择器 < id选择器 < 行内式 < !important
继承性的优先级为0.!important对继承性没有任何帮助
div {
color: pink!important;
}
4.权重的计算-重点鸡肋
如果出现了多个复合选择器,作用在同一个元素身上,那么需要计算各自的权重
历史上最简单的计算方式:数数
1.先确定选择器有没有直接作用到元素身上,如果没有直接作用,那么就是继承,权重为0
2.再确实是否有行内式与!important,那么权重最高
3.开始数数
4.第一先数id,id最多的权重最高
5.id如果相同,那么再数类,类最多的权重最高
6.类名如果相同,再数标签,标签最多的权重最高
7.如果id,类,标签全部都相同,那么权重相同,考虑层叠性