小游戏

第一关

<plate> 元素选择器

第二关

<bento> 元素选择器

第三关

#fancy id选择器

第四关

div plate apple 后代元素选择器

第五关

#fancy>pickle 子元素选择器

第六关

.small 类选择器

第七关

orange .small 后代元素选择器

第八关

bento>orange.small 子元素选择器

第九关

plate,bento,plate 并集选择器

第十关

* 通配选择器

第十一关

plate > 子元素选择器

第十二关

plate + apple 兄弟元素选择器

第十三关

bento ~ pickle 兄弟元素选择器

第十四关

plate>apple 子元素选择器

第十五关

plate orange:first-child 子元素选择器

第十六关

plate :only-child 子元素选择器

第十七关

#fancy :last-child,pickle:last-child 子元素选择器

第十八关

div plate:nth-child(3) 子元素选择器

第十九关

div bento:nth-last-child(even) 子元素选择器

第二十关

 apple:first-of-type 子元素类型选择器

第二十一关

 plate:nth-of-type(even) 子元素类型选择器

第二十二关

plate:nth-of-type(3),plate:nth-of-type(5) 子元素类型选择器

第二十三关

plate apple.small:only-of-type 子元素类型选择器

第二十四关

orange.small:last-of-type,apple.small:last-of-type 子元素类型选择器

第二十五关

bento:empty bento元素里面没有包含额外元素

第二十六关

apple:not(.small) 否定伪类