CSS-9- 三大特性

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,类,标签全部都相同,那么权重相同,考虑层叠性

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值