这篇博客探讨了CSS选择器的各种用法，包括类型选择器、ID选择器、后代选择器、ID和类的结合使用、通用选择器、相邻兄弟选择器、伪类选择器等。通过餐厅场景中的元素（如plate, bento, apple等）来展示不同选择器的效果，帮助读者理解并掌握CSS选择器的灵活性和实用性。"
51194262,5548773,Android对象序列化：文件存储与读取,"['Android开发', '数据存储', '对象操作']
选择跳动的元素
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----plate>apple,plate>pickle 独生子伪选择器
17-----.small:last-child 最后一个孩子伪选择器
18-----plate:nth-child(3) 第N个儿童伪选择器
19-----bento:nth-of-type(1) 第N个最后一个孩子选择器
20-----apple:first-of-type 第一类选择器
21-----plate:nth-of-type(2n) 类型选择器的第N个
22-----plate:nth-of-type(2n+3) 具有公式的第N个选择器
23-----plate apple:only-of-type 仅类型选择器
24-----orange.small:last-of-type,apple.small:last-of-type 最后一个类型选择器
25-----bento:empty 空选择器
26-----apple:not(.small) 否定伪类
扫一扫
1299
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
