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(选择器){}
