浅谈CSS的三大特性(继承性,层叠性,优先级)

一、继承性

当给父元素设置一些属性时 其子元素也可以继承 该特性称为继承性

注意点
1、并非所有的属性都可以继承
只有以color/font/text/line开头的属性才可继承
2、在css的继承中 不止儿子可以继承 只要是后代都可以继承

a标签中的文字颜色和下划线不能继承
h标签中的文字大小不能继承

二、层叠性

层叠性就是CSS处理冲突的一种能力

只有在多个选择器选中同一个标签然后又设置了相同的属性才会发生层叠性

三、优先级

当多个选择器选中同一个标签 并且给同一个标签设置相同的属性时 如何层叠 由优先级来决定

优先级的判断的三种方式:
1、是否是直接选中(间接选中就是继承)
如果是间接选中那么谁离目标标签比较近那么就听谁的
2、是否是相同的选择器
如果都是直接选中 并且都是同类型的选择器 那么就是谁写在后面就听谁的
3、不同的选择器
如果都是直接选中 并且不是相同类型的选择器则会按选择器的优先级来层叠
ID选择器 > 类选择器 > 通配符 > 继承 > 浏览器默认


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值