CSS Diner 选择器练习

地址:http://flukeout.github.io/

答案:

plate
bento 
#fancy 
plate apple 
#fancy pickle 
apple.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 , plate + pickle 
plate:nth-child(3) 
bento:nth-last-child(3) 
apple:first-of-type 
plate:nth-of-type(2n) 
plate:nth-of-type(2n+3) 
plate apple.small:only-of-type 
orange:last-of-type , apple:last-of-type 
bento:empty 
apple:not(.small) 
[for]
plate[for]
[for="Vitaly"]
[for^="Sam"] , [for^="Sarah"]  或者  [for^="Sa"]  或者  [for^="S"]
[for$="Hayato"],[for$="Minato"]  或者  [for$="to"]  或者  [for$="o"]
[for*="Robbie"],[for*="Bobby"]  或者  [for*="obb"]  或者  [for*="bb"]  或者  [for*="ob"]  或者  [for*="o"]  或者  [for*="b"]

你可能感兴趣的:(前端,H5)