餐厅练习

1、plate：类型(元素)选择器

2、bento：类型(元素)选择器

3、#fancy：ID选择器

4、plate apple：后代选择器

5、#fancy pickle：交集选择器（可将任何选择器与后代选择器结合使用）

6、.small：类选择器

7、orange.small：交集选择器（可将类选择器与其他选择器结合）

8、bento orange.small：交集选择器

9、plate,bento：交集选择器

10、*：通配选择器

11、plate>*：交集选择器

12、plate+apple：兄弟选择器

13、bento~pickle：兄弟选择器

14、plate>apple：子元素选择器

15、plate orange:first-child ：其他子元素选择器

16、plate :only-child ：其他子元素选择器

17、#fancy :last-child,pickle:last-child ：其他子元素选择器

18、plate:nth-child(3)：其他子元素选择器

19、:nth-last-child(4) ：其他子元素选择器

20、apple:first-of-type ：其他子元素选择器

21、plate:nth-of-type(even) ：其他子元素选择器

22、plate:nth-of-type(2n+3)：其他子元素选择器

23、plate apple.small:only-of-type：其他子元素选择器

24、orange.small:last-of-type,apple.small:last-of-type：其他子元素选择器

25、bento:empty：空选择器

26、apple:not(.small)：否定伪类