1,plate

2,bento

3,#fancy

4,plate apple

5,#fancy pickle

6,apple.small,plate.small

7,orange.small

8,bento orange.small

9,plate,bento

10,*

11,plate>*

12,plate+small,plate+apple

13,bento~pickle

14,plate>apple

15,plate>:first-child

16,plate>:only-child

17,plate#fancy>apple.small,pickle.small

18,:nth-child(3)

19,:nth-last-child(4)

20,apple:firth-of-type

21,:nth-of-type(even)

22,:nth-of-type(2n+3)

23,apple:only-of-type

24,orange:last-of-type,apple:last-of-type

25,bento:empty

26,apple:not(.small)

*选择器：会告诉浏览器：网页上的那些元素需要设置什么样的样式。

*元素选择器：可以根据标签的名字来从页面中选取制定的元素。 语法：标签名{}

*类选择器：可以根据元素的class属性值选取元素。  语法：class Name{}

*ID选择器：可以根据元素的id属性值选取元素。 语法：#id{}

*复合选择器：可以同时使用多个选择器，这样可以选择同时满足多个选择器的元素。 语法：-选择器1选择器2{}

*群组选择器：可以同时使用多个选择器，多个选择器将同时应用制定的样式。 语法：选择器1选择器2选择器3{}

*通用选择器：可以同时选中页面中的所有元素。 语法：*{}

*伪类和伪元素：有时候，你需要选择本身没有标签，但是仍然易于识别的网页部位，比如段落首行或鼠标滑过的连接。CSS为他们提供一些选择器：伪类和伪元素。

*链接定义样式：正常链接（-a:link)，访问过的链接（-a:visited(只能定义字体颜色）），鼠标滑过的链接（-a:hover),正在点击的链接（-a:active)

*获取焦点（-:focus），指定元素前（-:before），指定元素后（-:after），选中的元素（-::selection）

*给段落定义样式：首字母（-:first-letter)，首行（-:first-line)

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

*其他子元素选择器：（:first-child)选择第一个子标签,(:last-child)选择最后一个子标签,(:nth-child)选择指定位置的子元素，（:first-of-type)(:last-of-type)(:nth-of-type)选择指定类型的子元素

*兄弟选择器。 语法：查找后边一个兄弟元素（兄弟元素+兄弟元素{}）；查找后边所有的兄弟元素（兄弟元素~兄弟元素{}）

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