#继承与层叠

1、## 继承
定义:一些样式给父元素设置后,其后代元素也会继承父类的样式,这就叫做继承性。
关于盒子的属性(宽,高,padding,margin),定位,布局的属性,都不能被继承

2、层叠

如果一个标签被多个选择器中,同时这多个选择器又为它设置了 冲突的样式`,那么我们需要计算这些选择器的权重,决定最终的显示样式。

计算权重

同一个样式表不同的选择器,权重大小:
1、比较选择器的数量,先比较ID选择器数量,ID选择器数量相同的话,再比较类选择器的数量,类选择器的数量相同的话,再比较标签选择器。
2、对于相同的样式表,选择器的优先级为:ID选择器 > 类选择器 >标签选择器
3、权重相同时,比较书写的顺序,后面的会覆盖前面的样式。

总结:

  1. 如果样式存在与不同的样式表。行内样式表的权重最高,再比较内嵌式与外联式的书写顺序。
  2. 同一样式表中,数基础选择器的数量
    1. ID选择器数量多的权重高
    2. ID选择器数量相同,再看类选择器的数量,谁多谁的权重高
    3. 类选择器的数量也相同,比较标签选择器。
    4. 如果标签选择器的数量也相同,则比较书写顺序。
    5. 通配符的权重对标签选择器的权重要低,比继承过来的要高。

important

属性:属性值 !important;

加上这句话后,该样式的权重就会变为最高。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值