使用CSS选择器

基本选择器

• 通用选择器 * ：匹配文档中所有元素
• 类型选择器：指定元素类型可以选取文档中该元素所有实例
• 类选择器：根据class属性匹配元素，.<类名>；<元素类型>.<类名>
• ID选择器：根据id属性匹配元素，#<id>；<元素类型>#<id>
• 属性选择器：匹配指定条件的属性的元素

符合选择器

• 并集选择器：多个选择器使用逗号隔开
• 后代选择器：两个条件使用空格隔开
• 子选择器：使用>隔开，选择直接子元素
• 兄弟选择器：相邻兄弟：+隔开，紧跟着的元素（一个）；普通兄弟：~隔开，不要求相邻

伪元素选择器

• ::first-line 匹配文本块的首行
• ::first-letter匹配文本块首字母
• :before和:after在元素前后插入内容，设置content属性的值指定要插入的内容
• css生成器：

  body {
   counter-reset: paracount;  /*初始化计数器，默认值为1   */
  }
  p:before {
    content: counter(paracount) "."; /*使用计数器*/
  counter-increment: paracount;    /*计数器增加，默认增1*/
  }