本文介绍了CSS3中序选择器的使用，包括选择同级别中的第几个元素，如:first-child, :last-child, :nth-child(n), :nth-last-child(n), :only-child等，并详细解释了奇数和偶数选择器以及自定义公式的选择方式。同时，还讲解了针对同类型元素的选择器，如:first-of-type, :last-of-type, :nth-of-type(n), :nth-last-of-type(n)等。"
127262656,8290601,在Vue项目中集成高德地图的步骤,"['前端开发', 'Vue', 'JavaScript', '地图API']
序选择器
CSS3中新增的选择器中最具代表性的就是序选择器
1.同级别的第几个
:first-child 选中同级别中的第一个标签
:last-child 选中同级别中的最后一个标签
:nth-child(n) 选中同级别中的第n个标签
:nth-last-child(n) 选中同级别中的倒数第n个标签
:only-child 选中父元素中唯一的元素
:nth-child(odd) 选中同级别中所有奇数
:nth-child(even) 选中同级别中所有偶数
:nth-chhild(xn+y)
x和y是用户自定义的，而n是一个计数器，从0开始递增，即自定义一个公式来选中同级别中所有的标签
注意点：不区分类型
2.同类型的第几个
格式：
:frist-of-type 选中同级别中同类型的第一个标签
:last-of-type 选中同级别中同类型的最后一个标签
:nth-of-type(n) 选中同级别中同类型的第n个标签
:nth-last-of-type(n) 选中同级别中同类型的倒数第n个标签
p:only-of-type 选中父元素中唯一类型的某个标签
:nth-of-type(odd) 选中同类型的所有奇数
:nth-of-type(even) 选中同类型的所有偶数
:nth-chhild(xn+y)
x和y是用户自定义的，而n是一个计数器，从0开始递增，即自定义一个公式来选中同类型中的所有的标签
扫一扫
248
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
