Skip to main content

CSS 的常见选择器

CSS 的常见选择器

CSS 选择器主要的有内联样式、id 选择器、class 选择器、标签选择器。

CSS 选择器优先级

内联样式 > id 选择器 > class 选择器/属性选择器(attribute)/伪元素选择器 > 标签选择器 > *通配符选择器

权重的计算依次为:1000,100,10,1,0

如果记不住,可以记下这三句话:

  • 选择器越具体,其优先级越高
  • 相同优先级,出现在后面的,覆盖前面的
  • 属性后面加 !important 的优先级最高,但是要少用

参考

背人云亦云的答案(错答案、已过时):https://www.cnblogs.com/xugang/archive/2010/09/24/1833760.html 看面试官脸色行事

这里有 CSS 2.1 规格文档的权威算法:(但并不适用于 CSS 3)

属性赋值,层叠(Cascading)和继承