css基础一(权重)

权重

###一、权重,了解权重必须先了解css样式的6种基础选择器

1. id选择器  #

2. 类选择器 .className

3. 属性选择器 [attr]

4. 伪类和伪元素 :hover   :first-line

5. 标签选择器  p

6. 通配符选择器 *

二、其它的选择符均可由基本的组成,组合的方式分为三种

 1. 后代选择符 .className  .classChildName

 2. 子选择符  .className > .classChildName

3. 相邻选择符 .className + .classChildName

三、而所谓的权重就是指这些选择符的优先级,优先级和权重有如下规则

  1. 优先级越高的css样式会覆盖优先级低的样式,优先级越高权重越高

  2. 计算权重的规则,根据w3c的css规范:

  • 计算选择符中 id选择器 的数量 (假设是100)

  • 计算选择符中 类选择器、属性选择器、伪类选择器 的数量(假设是10)

  • 计算选择符中 标签选择器、伪元素 的数量(假设是1)

  1. 比较各自选择符的优先级时,计算权重,权重大则优先级高

  2. 从博客园看到的口诀:

    权重记忆口诀。从0开始,一个行内样式+1000,一个id+100,一个属性选择器/class或者伪类+10,一个元素名,或者伪元素+1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值