米
心情
所有
图集
登录
搜索
原创
css选择第几个节点，css选择器怎么选取第几个元素
米醋儿
发布于:2021-11-03
这时，我们还可以通过CSS来实现，CSS给我们提供了几个非常有用的样式参数：first-child、last-child、nth-child(n)。下面，详细看一下它们的使用。 #### 1、first-child first-child选择器用于选取属于其父元素的首个子元素的指定选择器。 选择li 列表中的 第一个li模块的背景颜色。 li:first-child{background:#090} #### 2、last-child last-child表示选择列表中的最后一个标签，代码如下： li:last-child{background:#090} #### 3、nth-child(3) 表示选择第3个标签，代码如下： li:nth-child(3){background:#090} 上面代码中的3也可以改成其它数字，如4、5等。想选择第几个标签，就填写几。 #### 4、nth-child(2n) 这个表示选择列表中的偶数标签，即选择 第2、第4、第6…… 标签。 #### 5、nth-child(2n-1) 这个表示选择列表中的奇数标签，即选择 第1、第3、第5、第7……标签。 #### 6、nth-child(n+3) 这个表示选择列表中的标签从第3个开始到最后。 #### 7、nth-child(-n+3) 这个表示选择列表中的标签从0到3，即小于3的标签。 #### 8、nth-last-child(3) 这个表示选择列表中的倒数第3个标签。
注:原创不易,转载请注明出处(
http://micuu.com/new/2330.html
)，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。
最后修改与 2022-02-20
上一篇：
下一波升级计划
下一篇：
搜索5.1声卡驱KX3552-pro声卡驱动动win10版下载附安装教程
留言反馈
请先登录
问题反馈渠道，如有软件无法下载或者其他问题可反馈。【由于某种原因，目前留言不展示】
用户需要登录后才能留言反馈
立即留言
珍藏视频
10分钟高效燃脂
30天高效瘦脸操
5分钟缓解颈椎操
友人
微博
全民K歌
唱吧
今日头条
悠悠网
科技小锅盖
彼岸桌面
阮一峰
laravel社区
V2ex
掘金
更多>
