CSS的继承性和层叠性

一、继承性

 (1)所谓CSS继承性是指被包在内部的标签将拥有外部标签的样式性质,同时CSS继承是一种机制,它允许样式不仅可以应用于某个特定的元素,还可以应用于它的后代,是依赖于祖先-后代的关系的。用简单的话来说就是自己设置的属性,其后代也继承上了。


 

(2)那么有哪些属性是可以继承的:

    color、以text-、line-、font- 开头的属性,也就是关于文字的属性是可以继承的,而关于布局、定位、盒子的属性都是不能继承。

body{
  color:red;
  font-size:14px;
}

 

3)继承的范围:

    从自身开始,到最小的元素。也就是从第body开始都最内层的p标签。

<body>
    <div>
        <p>你好</p>
    </div>
</body>

 

二、层叠性

 

 

(1)什么是层叠性

  就是浏览器处理冲突的一个特性。当有多个选择器选择到同一个元素时,但就只有一个选择器生效,也就是在相同权重的情况下,其他选择器的样式会被覆盖掉。

 


(2)优先级:

  a. id选择器 > 类选择器 > 标签选择器

  b. 当同时多个选择器选择到同一个元素时,可通过权重比较:也就是分别计算id选择器、 类选择器 、标签选择器各自的数量。这一方法没任何的浏览器兼容问题。

              

  c. 当权重都一样时,以后出现的选择器为准。

              

  d. 没有具体选中到一个元素。通过继承性影响,该元素的权重就是为0,那么此时就有一个就近原则:  

              


 

 (3)权重问题总结:

1) 先看有没有选中,如果选中了,那么以(id数,类数,标签数)来计权重。谁大听谁的。如果都一样,听后写的为准。

2) 如果没有选中,那么权重是0。如果大家都是0,就近原则。

转载于:https://www.cnblogs.com/jiang-z/p/7392747.html

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值