米
首页
心情
图集
所有
搜索
登录
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
→
掘金
+
更多