《css权威指南》——笔记3(结构与层叠)

  • 每一个合法的文档都会生成一颗结构树。
  • 继承就是从一个元素向其后代传递属性值所采用的机制。

选择器的特殊性:声明的特殊性的高低决定css发生冲突时,哪一种会胜出。

继承值<通配选择器<元素选择器<类选择器<ID选择器<内联样式<!important

(注:继承值没有特殊性)

层叠规则:

  1. 显示权重:!important的权重高于没有该标志的。
  2. 来源排序:创作人员>读者样式>用户代理。
  3. 特殊性排序:高特殊性的权重大于低特殊性的权重。
  4. 出现顺序排序:声明样式越后出现,权重越大(后面的样式会覆盖前面的样式,默认style样式位于文档样式的最后。)
权重由大到小:
  1. 读者的重要声明
  2. 创作人员的重要声明
  3. 创作人员的正常声明
  4. 读者的正常声明
  5. 用户代理声明
(注:ID选择器和内联样式的权重相等,但是由于内联样式默认出现在文档样式的最后面,所以优先级会高。)



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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值