首页 > 其他分享 >结构(位置)伪类选择器

结构(位置)伪类选择器

时间:2022-11-21 10:03:20浏览次数:48  
标签:位置 伪类 元素 个子 选择 nth child 选择器

:first-child 选取属于其父元素的首个子元素的指定选择器
:last-child 选取属于其父元素的最后一个子元素的指定选择器
:nth-child(n) 匹配属于其父元素的第n个子元素,不论元素的类型(另:可以用odd表示所有第奇数个子元素,even表示第偶数个子元素。)
:nth-last-child(n) 同上,但是是从最后一个子元素开始计数

1、:nth-child(1) 选择第一个子元素
2、:nth-child(-n+2) 选择前两个子元素
3、:nth-child(n+2) 选择后两个子元素
4、:nth-child(2n) 选择列表中为偶数的元素
5、:nth-child(2n-1) 选择列表中为奇数的元素
6、:nth-child(n+6):nth-child(-n+9) 结合使用,选择一列元素中的中间几个
举例为从第六个到第九个

标签:位置,伪类,元素,个子,选择,nth,child,选择器
From: https://www.cnblogs.com/cxd4321/p/16910422.html

相关文章