css权重问题,一定数量的class类名可以覆盖id选择器的样式么


如题,附加一个链接, 有趣:256个class选择器可以干掉1个id选择器
但发现浏览器并没按文章所说的test元素显示darked背景色,所以问下多个class选择器可以干掉1个id选择器么?

css选择器 css

Porsche 10 years ago

有意思,不过chrome已经不会了,估计这也是旧浏览器才有的 bug

绯红D莉雅 answered 10 years ago

取决于各浏览器对于css权重的实现方式。 大概2年前的时候,Chrome和Opera就已经是“即便超过256个,权重也无法超过id”了。

同样,2年前的时候,Firefox中的权重实现是下面这样:

图片描述

id和class相差2位的十六进制,所以是16²=256。超过这个数目就有效。

loli主 answered 10 years ago

Your Answer