1.plate 元素选择器
2.bento 元素选择器
3.#fancy ID选择器
4.plate apple 后代选择器
5.#fancy pickle ID选择器 后代选择器
6. .small 类选择器
7. orange.small 类选择器 群组选择器
8. bento orange.small 复合选择器 类选择器
9. bento,plate 群组选择器
10. * 通用选择器
11. plate * 元素选择器 通用选择器
12. plate+apple 兄弟选择器
13. bento~picke 兄弟选择器
14. plate>apple 子元素选择器
15. orange:first-child 选择第一个子标签
16. plate apple,plate pickle:only-child 匹配属于其父元素的唯一子元素的每个元素
17. apple,pickle:last-child 选择最后一个子标签
18. plate:nth-child(3) 指定位置的子标签
19. bento:nth-last-child(4)匹配属于其父元素的最后一个子元素的每个元素
20. apple:first-of-type 选择指定类型的子元素
21. plate:nth-of-type(even) 选择指定偶数的子元素
22. plate:nth-of-type(2n+3) 伪类选择器
23. apple:only-of-type 指定属于父元素的特定类型的唯一子元素
24. .small:last-of-type 选择指定最后的子元素
25. bento:empty 匹配没有子元素的元素
26. apple:not(.small) 否定伪元素选择器
前端选择器练习题
最新推荐文章于 2024-07-14 14:30:44 发布