CSS Diner

1.plate 元素选择器
2.bento 元素选择器
3.#fancy id选择器
4.plate apple 后代选择器
5.#fancy pickle 后代选择器
6..small 类选择器
7.orange.small 类选择器
8.bento orange 后代选择器
9.plate,bento 组合选择器
10.* 通配符选择器
11.plate * 通配符选择器
12.plate+apple.small,plate+apple 兄弟选择器
13.bento+pickle.small,pickle.small+pickle 兄弟选择器
14.plate>apple 子集选择器
15.plate orange:first 后代选择器
16.plate apple,plate pickle 组合选择器
17.#fancy apple,pickle 组合选择器
18.plate:nth-child(3) 结构伪类选择器：选择指定
19.bento:nth-child(2) 结构伪类选择器 ：选择指定
20.apple:first 结构伪类选择器：选中第一个
21.plate:nth-child(even) 结构伪类选择器：选择偶数项
22.plate:nth-child(3),plate:nth-child(5) 结构伪类选择器
23.plate:nth-child(2) apple 结构伪类选择器
25..small:nth-child(2),.small:last-child 结构伪类选择器
26.bento:nth-child(1),bento:nth-child(3),bento:nth-child(4)
27.apple:not(.small) 否定伪类选择器