CSS 选择器

CSS 选择器

选择器类型

选择器 示例
ID #id
class .class
标签 p
通用 *
属性 [type="text"]
伪类 :hover
伪元素 ::first-line
子选择器、相邻选择器

权重优先级

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

权重赋值

  • 内联样式如 style=XXX1000
  • ID 选择器:100
  • 类、伪类、属性选择器:10
  • 标签、伪元素选择器:1
  • 通配符、子选择器、相邻选择器等:0

比较规则:逐级比较。权重一样的 CSS 表达式,在样式表中后声明的优先。