选择器-餐厅练习

  plate        元素选择器

 bento         元素选择器

 #fancy        ID选择器

 plate apple     后代选择器

#fancy pickle   复合选择器

.small      类选择器

 orange.small    复合选择器

 bento>orange.small   复合选择器

 plate,bento     复合选择器

 *      通用选择器

 plate>*   复合选择器

 plate + apple 兄弟选择器

 bento~pickle 兄弟选择器

 plate>apple 子元素选择器

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

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

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

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

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

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

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

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

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

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

bento:empty

apple:not(.small)否定伪类