米
首页
心情
图集
所有
搜索
登录
css选择第几个节点，css选择器怎么选取第几个元素
2021-11-03
67.88w热度
这时，我们还可以通过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个标签。
注:原创不易,转载请注明出处(
https://micuu.com/new/2330.html
)，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。
最后修改与 2022-02-20
上一篇：
下一波升级计划
下一篇：
搜索5.1声卡驱KX3552-pro声卡驱动动win10版下载附安装教程
▶
珍藏视频
▶
10分钟高效燃脂
▶
30天高效瘦脸操
▶
5分钟缓解颈椎操
友人
→
微博
→
全民K歌
→
唱吧
→
今日头条
→
悠悠网
→
科技小锅盖
→
彼岸桌面
→
阮一峰
→
laravel社区
→
V2ex
→
掘金
+
更多
