青岛网站建设新闻资讯

nth-child的使用方法是什么?

时间:2023-11-17 已阅读:572次 | 作者:青岛网站建设

首页>新闻资讯>建站知识
1、选择第n个, n代表数字
:.nth-child(n){ }

2、偶数标签

:.nth-child(2n)}
:.nth-child(even){ }

3.奇数标签.

:.nth-child(2n- 1){}
:nth-child(odd){ }

4、负防向范围]选择第1个到第5个

:.nth-child(-n + 5){ }

5、[正方向范围] 选择从第5个开始的,到最后

:nth-child(n + 5){ }

6、[限制范围] 选择第2个到第8个,取两者的交集

:nth-child(-n+8).nth-child(n+2){}

7.倒数第n个标签( n为数字)

:.nth-last-child(n){ }

8、选择第- -个( first-child表示选择列表中的第一个标签)

:first-child{ }

9.选择最后-个( last-child表示选择列表中的最后一个标签)

:last-child{ }



二维码
扫描二维码手机查看该文章

文章引用:https://www.qinghuahulian.com/news/webzhishi/1422.html

相关资讯

Copyright © 2011-2024 青华互联-青岛青华锐思网络科技有限公司 www.qinghuahulian.com All Rights Reserved
鲁公网安备37020202000800号 鲁ICP备14020555号-4 网站地图 百度地图