CSS选择器

基础选择器

  1. 类选择器
    • 以‘.’开头
  2. id选择器
    • 以#开头
    • 权重高
    • 一般指向唯一元素
  3. 属性选择器
    • 含有 [ ] 的选择器,例如 [title]{}、[title="class"]{}等
  4. 伪类选择器
    • 一般指前面有个(:)的选择器,例如 :first-child、 :last-child、:hover等
  5. 伪元素选择器
    • 连续有两个冒号(::)的选择器,例如 ::after, ::before, ::first-line, ::first-letter等

关系选择器

关系选择器是指根据与其他元素的关系选择元素的选择器
  1. 后代选择器
    • 选择所有合乎规则的后代元素
    • 用空格连接
  2. 相邻后代选择器(子选择器)
    • 仅选择合乎规则的儿子元素
    • 用>连接
  3. 兄弟选择器
    • 选择当前元素后面的所有合乎规则的兄弟元素
    • 用~连接
  4. 相邻兄弟选择器
    • 仅选择当前元素相邻的那个合乎 规则的兄弟元素
    • 用+连接

你可能感兴趣的:(CSS选择器)