1:CSS层叠性
CSS层叠性.png
CSS层叠性2.png
CSS层叠性3.png
2:CSS继承性
CSS继承性.png
CSS继承性2.png
CSS继承性注意事项和优先级.png
3:CSS优先级
1:类选择器权重高于标签选择器
权重的比较,4位数就是一个权重,从个位数开始比较,权重如果一样,就直接十位数进行比较;
2:如果权重相同,选择就近原则
3:继承问题:如果父类权重比子类权重高,但是子类已经实现了,依然是执行子类的东西,父类的不会执行。
比较方法:先看标签有没有定义样式,然后在进行权重的比较!
权重的定义
优先级权重定义.png
优先级注意事项和总结.png
22优先级权重-hotpink颜色.png
注意:继承的权重为0,只有当只写了一个父类的,后面没有其他标签和类的时候,他的权重才是0000,其余的都是按照他对应的权重。如果是两个标签,则进行权重叠加。
23优先级权重2.png
执行效果是蓝色.png
因为这里是继承,所以id贡献值为0000而不是0100
优先级继承问题.png
因为都是0001
优先级继承问题
1:权重的叠加
1权重叠加.png
2权重叠加2.png
3权重叠加3.png
4权重相同,就近原则.png
4题蓝色.png
5题蓝色.png
执行效果是第一个color蓝色.png
5题蓝色.png
6结果为黄色权重都是0101就近原则.png
经过相比较是蓝色.png