css选择器

• 元素选择器

  div {
  }
  

• id选择器(# 加 id值)

  • 先定义唯一id

  <div id="num0"></div>
  

  #num0 {
  }
  

• class选择器(. 加 class值)

  • 先定义class

  <div class="c_one"></div>
  

  .c_one {
  }
  

• 群组选择器

  • 多个选择器，逗号隔开
    • 一起使用某个规则，减少重复书写

• 层次选择器(有四种)

  • M N{ } 后代选择
    • 选择M元素内部后代的“N元素”（所有）
  • M>N{ } 子代选择
    • 选择M元素内部子代的“N元素”（仅含第1级）
  • M～N{ } 兄弟选择
    • 选择M元素后面的“所有同级N元素”
  • M+N{ } 相邻选择
    • 选择M元素后面的“下一个同级N元素”
    • 例子
      • li+li可以选中前面n-1个，用于元素间加边框

• 伪类选择器

  • :first-letter
    • 选中某元素内容中的“第一个字”
  • :first-line
    • 选中某元素内容中的“第一行文字”