鸦杀's Blog

关于css权重

2018-08-23

记录一下今天面试的知识点,一个是css优先级、一个是css权重,以及css权重的越级问题


优先级

从高到低依次排列如下:

  • !important。ie6不支持该属性。
  • 行内样式
  • id选择器
  • 类选择器、属性选择器、伪类选择器定义
  • 标签选择器、伪元素选择器
  • 通配选择器*

css权重

我觉得最好的文章应该是这篇:http://www.w3cplus.com/css/css-specificity-things-you-should-know.html

截图


权重越权问题

早期是有一些浏览器存在越权问题,比如opera 256个class选择器就可以覆盖掉一个id选择器,而在chrome30之前是65536个不过现在权重的计算方式已经变了,不管多少个class都无法覆盖id。

——感谢我前同事的答案

下面是sf上的回答:

截图

综上总结,当前已经不会存在权重越级问题了~

Tags: css

扫描二维码,分享此文章