css 选择器练习题

选择器

1 plate 类型选择器
2 bento 类型选择器
3 #fancy ID选择器
4 plate apple
5 #fancy pickle 结合后代和ID选择器
6 .small 类型选择器
7 orange.small 组合类选择器
8 bento orange
9 plate,bento 结合，选择器，用...逗号
10 * 通用选择器
11 plate * 结合通用选择器
12 plate+apple 相邻的兄弟选择器
13 bento~pickle 一般兄弟选择器
14 plate>apple 儿童选择器
15 orange:first-child 第一个儿童伪选择器
16 :only-child 只有儿童伪选择器
17 #fancy *:last-child,pickle 最后一个孩子伪选择器
18 plate:nth-child(3) 第N个儿童伪选择器
19 bento:nth-last-child(4) 第N个最后一个孩子选择器
20 apple:first-of-type 首选类型选择器
21 plate:nth-of-type(even) 类型选择器的第N个
22 plate:nth-of-type(2n+3) 具有公式的第N类型选择器
23 apple:only-of-type 仅限类型选择器
24 orange:last-of-type,apple:last-of-type 最后的类型选择器
25 bento:empty 空选择器
26 apple:not(small) 否定伪类