小游戏

一

plate 元素选择器

二

bento 元素选择器

三

#foncy id选择器

四

plate apple 元素选择器（plate祖先元素下的apple后代元素）

五

 #fancy pickle （id为#fancy的祖先元素下的pickle后代元素）

六

.small （组为small的元素）

七

orange.small （组为small的orange元素）

八

bento>orange.small（bento父元素下的组为small的orange子元素）

九

plate,bento,div （plate,bento兄弟元素在div元素中）

十

 * （代表所有元素）

十一

 plate> （plate父元素的所有ziyuansu）

十二

 plate + apple （兄弟元素选择器，plate元素的后一个元素）

十三

 bento~pickle （兄弟元素选择器,bento元素后的多个pickle元素)

十四

 plate>apple (plate父元素下的apple子元素)

十五

 plate orange:first-child (子元素选择器，plate元素下的第一个orange元素)

十六

 plate :only-child（所有plate元素下的元素）

十七

 fancy :last-child,pickle:last-child
（id为fancy的元素的最后一个和pickle元素的最后一个）

十八

div plate:nth-child(3)（div元素中的第三个plate元素）

十九

div bento :nth-last-child(4) （div元素中倒数第四个bento元素）

二十

apple:first-of-type （第一个apple元素）

二十一

late:nth-of-type(even) （所有偶数个的plate元素）

二十二

plate:nth-of-type(3),plate:nth-of-type(5) （plate元素下的第3个和第5个元素）

二十三

 plate apple.small:only-of-type （plate元素下满足apple.small元素的唯一一个元素）

二十四

orange.small:last-of-type,apple.small:last-of-type
 （是orange.samll和apple.small元素的最后一个元素）

二十五

 bento:empty （bento元素里没有包括额外元素）

二十六

 apple:not(.small) （apple里没有组是.small的元素