欢迎光临
我们一直在努力

CSS | CSS选择器优先级

当对同一个元素设置了多个样式,这些样式发生了冲突,就需要根据优先级确定那个样式起作用。

CSS引用方法优先级

CSS选择器优先级

  • ID选择器>class选择器>标签选择器
  • 相同选择器之间根据“就近原则”决定

如何与后代选择器进行比较?先了解优先级规则与权值规则。

CSS优先级规则

同一样式表中:

1.权值相同,就近原则(离被设置元素越近,优先级越高)。

2.权值不同,根据权值来判断CSS样式,哪种CSS样式权值高,就是用哪种样式。

选择器权值

  • 标签选择器:权值1
  • 类选择器和伪类:权值10
  • ID选择器:权值100
  • 通配符选择器:权值0
  • 行内样式:权值1000

权值规则

  • 统计不同选择器个数
  • 每类选择器的个数乘以相应权值
  • 把所有的权值相加得出选择器的权值

当不希望收到优先级规则影响时,可以通过下面的规则

!import规则

  • 可以调整样式规则的优先级
  • 添加在样式规则之后,中间用空格隔开
p{font-size:30px !import}
赞(0) 打赏
未经允许不得转载:散人研 » CSS | CSS选择器优先级
分享到: 更多 (0)

评论 抢沙发

2 + 1 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏