CSS3学习手记(3) CSS权重

本文详细解释了CSS中权重的概念及其计算方式,包括不同选择器的权重等级,并提供了权重计算的口诀。

权重

当很多的规则被应用到某一个元素上时,权重是一个决定哪种规则生效,或者是优先级的过程

权重等级与权值

行内样式(1000)>ID选择器(100)>类、属性选择器和伪类选择器(10)>元素和伪元素(1)>*(0)

权重计算口诀

从0开始,一个行样式+1000,一个id+100,一个属性选择器,class或者伪类+10,一个元素或者伪元素+1

css权重规则

包含更高权重选择器的一条规则拥有更高的权重

ID选择器(#idvalue)的权重比属性选择器([id="idvalue"])高

带有上下文关系的选择器比单纯的元素选择器权重高

与元素近的规则生效

通配器选择器权重是0,被继承的css属性也带有权重,权重也是0

 

转载于:https://www.cnblogs.com/zry2510/p/7080483.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值