跳至主要內容

CSS 选择器

路漫小于 1 分钟

CSS 选择器

选择器分类

  • 派生选择器(用 HTML 标签申明)
  • id 选择器(用 DOM 的 ID 申明)
  • 类选择器(用一个样式类名申明)
  • 属性选择器(用 DOM 的属性申明,属于 CSS2,IE6 不支持,不常用,不知道就算了)
  • 扩展选择器,包括
    • 后代选择器(利用空格间隔,比如 div .a{ })
    • 群组选择器(利用逗号间隔,比如 p,div,#a{ })

选择器优先级

计算方法

用 1 表示派生选择器的优先级 用 10 表示类选择器的优先级 用 100 标示 ID 选择器的优先级

CSS 选择器解析:从右往左解析