属性值的计算过程(续接上文)

这个规则集是否更加具体

等价于这个规则集中使用的选择器是否更加具体

等价于这个选择器是否更加具体

等价于 这个选择器的匹配范围是否更加小

选择器按照匹配范围 小至大 的排序结果

  1. Id选择器
  2. 类,伪类,属性选择器
  3. 元素,伪元素选择器

这个选择器的匹配范围是否更加小

也称为 这个选择器的优先级是否更加高

可通过同类选择器的数量衡量

  • 依次统计,一方占优时停止
  • 结果是占优一方的选择器,其优先级更加高,因此
  • 使用这个选择器所在的规则集中描述的这条样式
  • 全局,关系和调整优先级的选择器不在统计之列

继承

前提:先是没有值,后是能够 继承

也就是说,已经有了值,不会继承

但如果确实需要使用继承值怎么办? 虽然只有部分属性,如与文字相关的属性

解答之前先来思考一下


继承怎么理解?

永远与源值一样,在 CSS 中就是永远与源属性值一样

源属性值是怎么出现的?

我写出来的

所以要继承的话

在这里 再写一遍源属性值

后期更改源属性值时,也更改这里的属性值就是了

但这样做有一点小问题

  • 意思 变了
  • 不好维护

因此,CSS 推出了类似继承的做法,解决了上述的问题


类似继承的做法涉及到了一些关键字

这些关键字的意思分别译为

  • 使用继承值
  • 使用默认值
  • 使用自然值,即:若能够继承,则使用继承值,否则使用默认值
  • 使用浏览器的默认样式

设置样式时要一一对应,但一条一条的设置有点费时费力,因此,CSS推出了一个关键字

译为:设置所有的样式


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

x星默m

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值