选择器------餐厅练习

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,div                  元素选择器

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、:nth-child(3)            子伪选择器

19、:nth-last-child(4)             子选择器

20、apple:first-of-type           类型选择器

21、: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)            否定伪类