CSS选择权重

在页面设计的过程中,同一个元素可能有两个或更多的样式规则,CSS通过一个称为层叠(cascade)的过程处理这种冲突。层叠给每个规则分配一个重要度,层叠采用以下的重要度次序


1.标有!important的用户样式。
2.标有!important的作者样式。
3.作者样式(外部样式表、内部样式表、内联样式表)。
4.用户样式(浏览器内设立一个CSS文件,应用于所有的HTML文件中)
5.浏览器/用户代理引用的样式。(浏览器的默认样式)


然后,根据选择器的特殊性决定规则的次序,选择器的特殊性分成4个成分等级:a,b,c和d

a:行内样式,权重为1000
b:ID选择器,权重100
c:类、伪类和属性、选择器,权重10
d:标签选择器和伪元素选择器,权重1
注意:继承的特殊性为空。


div.header li{}
#nav div{}
li a:hover{}

第一个例子特殊性为 1+10+1=12
第二个例子特殊性为 100+1=101
第三个例子特殊性为 1+10=11

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值