常用选择器（涵盖较全，实用）

• 兄弟选择器
  • h1+p{} 紧邻h1后边的元素
• 同级选择器
  • h1~p同级元素（h1后边的）
• 属性选择器
  • [属性名]{}
  • 标签名[属性名=“”]{}
• 伪类选择器
  • 可以理解为描述元素的某种状态
  • 常用伪类
    • ：hover鼠标覆盖在元素上
    • ：active鼠标在元素首行并按下左键
    • ：link元素链接点击前的样式
    • ：visited元素链接点击后的样式
    • ：focus获取焦点的样式
    • ：checked选中
    • ：first-child第一个子级
    • ：first-of-type特定的第一个子级
    • ：last-child最后一个子级
    • ：last-of-type特定的最后一个子级
    • ：nth-child 第n个子级
    • ：nth-of-type
      • 推荐
      • 指定类型的第n个子元素
    • ：nth-last-child（n）倒数第n个子元素
    • ：nth-last-of-type（n）指定类型的倒数第n个子元素
• 伪元素选择器
  • 可以理解为你某个元素的子元素，但不存在于html中
  • ：：after元素后的内容
  • ：：before元素前的内容
  • ：：first-line 文本的第一行样式
  • ：：first-letter文本的首字母，只用于块元素
  • ：：placeholder只用于表单的提示文本
• 类选择器
  • .
• 后代选择器
• 子代选择器     >
• 群组选择器
  • ，
• 通配符选择器
  • *
• id选择器
  • #