CSS的三大特性(继承性、层叠性、优先级(权重计算与判断))

CSS三大特性

1. 继承性

  • 作用:给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性

  • 注意:
    (1)并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承。
    (2)在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承。
    (3)a标签的文字颜色和下划线是不能继承的;h标签的文字大小是不能继承的。

2. 层叠性

  • 作用:层叠性就是CSS处理冲突的一种能力

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

3. 优先级

  • 作用: 当多个选择器选中同一个标签, 并且给同一个标签设置相同的属性时, 如何层叠就由优先级来确定。

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

  • 优先级权重,权重的计算规则:
    (1) 内联样式,如: style=“…”,权值为1000
    (2) ID选择器,如:#content,权值为0100
    (3) 类,伪类、属性选择器,如.content,权值为0010
    (4) 标签选择器、伪元素选择器,如div p,权值为0001
    (5) 通配符、复合选择器(+、>、~等)、否定伪类(:not)没有影响,权值为0000
    (6) 继承的样式没有权值

    优先级如果一样, 那么谁写在后面听谁的

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值