1、简单选择器，css选择器最底层的结构，组成了简单选择器。

简单选择器可以分为以下几种类型：

通配符*，*选择器可以命中所有的 html 元素

标签选择器（Type），命中如 div、span、p 等 html 元素标签

id 选择器，以#号开头，如 #abc 命中 html 中元素属性名为“id”，属性值为“abc”的元素

2、复合选择器，如果组成复合选择器的简单选择器中有标签选择器，则必须要让标签选择器置于最前方的位置。

伪类和伪元素需要放在最后面。

3、复杂选择器是用复合选择器和连接符来组成。

产生式可以表述为：

 =  [ "space" | ">" | "~" | "+" | "||"]