选择器、优先级、计算规则

css选择器分为简单选择器,伪元素选择器和组合选择器。简单选择器又分为标签选择器,类选择器,ID选择器,通配符选择器,属性选择器和伪类选择器。
css中权重最高的样式为行内样式,就是以style=“”方式直接加入到HTML标签内的样式,其在css优先级中具有最高的权重。
其次是ID选择器,ID选择器由于每一个ID在代码中只能出现一次,和唯一指向性,具有第二高的权重。
权重处于第三的是类、伪类和属性选择器。
权重较低的是标签选择器和伪元素选择器。
css优先级的计算方式可以用一下公式来解决value=a*1000+b*100+c*10+d,依据value值得大小来确定css的优先顺序。其中a表示行内样式,b表示ID选择器的数量,c表示类、伪类和属性选择器的数量,d表示标签选择器和伪元素选择器的数量。
 

 

  • !import
  • 内联 1000
  • ID 100
  • 类选择器/伪类选择器/属性选择器 10
  • 元素选择器/关系选择器/伪元素选择器 1
  • 通配符 *
  • 继承
  • 原始
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值