css-diner 选择器练习

第一关
plate

第二关
bento

第三关
#fancy

第四关
plate >apple

第五关
#fancy >pickle

第六关
apple.small

第七关
orange.small

第八关
bento >orange.small

第九关
plate,bento

第十关
*

第十一关
plate >*

第十二关
plate +apple

第十三关
bento ~pickle

第十四关
plate >apple

第十五关
orange:first-child

第十六关
plate :only-child

第十七关
#fancy :only-child,.small:last-child

第十八关
plate:nth-child(3)

第十九关
bento:first-of-type

第二十关
apple:first-of-type

第二十一关
plate:nth-child(even)

第二十二关
plate:nth-of-type(2n+3)

第二十三关
plate >apple.small:only-of-type

第二十四关
.small:last-of-type

第二十五关
bento:empty

第二十六关
apple:not(.small)

You did it!
You rock at CSS.