元素选择器：

• 可以根据标签的名字来从页面中选取指定的元素
  语法：标签名{}

类选择器：

• 可以根据元素的class属性值选择元素
  语法：.className{}
  比如：.hello会选中页面所有class属性为hello的元素

ID选择器：

• 可以根据元素的id属性选取元素
  语法：#id{}
  比如：#box会选中页面中id属性值为box的元素，和class属性不同，id属性是不能重复的。

复合选择器(交集选择器)：

• 可以同时使用多个选择器，同时满足多个选择器的元素
  语法：选择器1选择器2{}
  比如：div.box1会选中页面中具有box1这个class的div元素。

群组选择器(并集选择器)

• 可以使用多个选择器，多个选择器将被同时应用指定的样式
  语法：选择器1，选择器2，选择器3{}
  比如：p,.hello,#box会同时选中页面中p元素，class为hello的元素，id为box的元素。

通用选择器

• 可以同时选中页面中的所有元素
  语法：*{}

后代选择器：

• 后代选择器可以根据标签的关系，为为处在元素内部的代元素设置样式。
  语法：祖先元素 后代元素 后代元素{}

属性选择器：

• 属性选择器可以挑选带有特殊属性的标签
  语法：
  [属性名]
  [属性名=‘属性值’]
  [属性名~=‘属性值’]
  [属性名|=‘属性值’]
  [属性名^=‘属性值’]
  [属性名$=‘属性值’]
  [属性名*=‘属性值’]

子元素选择器：

• 子元素选择器可以给另一个元素的子元素设置样式。
  语法：
  父元素>子元素{}

兄弟选择器：

• 除了根据祖先父子关系，还可以根据兄弟关系查找元素。
  语法：
  查找后边一个兄弟元素
  兄弟元素+兄弟元素{}
  查找后边所有的兄弟元素
  兄弟元素~兄弟元素{}

否定伪类：

• 否定伪类可以帮助我们选择不是其他东西的某件东西。
  语法：
  :not(选择器){}