CSS选择器是编写CSS代码时的一个核心概念,选择器定义了相应的样式将会影响到文档中的哪些部分,以下是自己在学习及工作过程中对CSS选择器的一些总结,希望能帮助到有需要的新手同学,同时也帮助自己巩固基础,加深记忆。

图片描述

样式选择器权重优先级如下:

  • important的权重为 1, 0, 0, 0

  • ID选择器的权重为 0, 1, 0, 0

  • 类选择器的权重为 0, 0, 1, 0

  • 伪类选择器的权重为 0, 0, 1, 0

  • 属性选择器的权重为 0, 0, 1, 0

  • 标签选择器的权重为 0, 0, 0, 1

  • 伪元素选择器的权重为 0, 0, 0, 1

  • 通配符的权重为 0, 0, 0, 0

综合上述权重优先级来看,正确的优先级排序应该是:

important > 内联样式 > ID > 类 | 伪类 | 属性选择 > 标签 | 伪元素 > 继承 > 通配符


codeartisan1992
290 声望4 粉丝

追求极致、没事儿喜欢写写代码