css :nth-child(n)

最新推荐文章于 2024-10-26 14:43:59 发布

Dreamy smile

最新推荐文章于 2024-10-26 14:43:59 发布

阅读量784

点赞数 1

分类专栏： html--css 文章标签： css3

本文链接：https://blog.youkuaiyun.com/qq_45735728/article/details/106238806

版权

html--css 专栏收录该内容

5 篇文章

订阅专栏

本文深入解析CSS中的nth-child选择器，包括如何选择列表中的偶数、奇数标签，以及从特定位置开始或结束的选择方式。涵盖了如nth-child(2n)、nth-child(2n-1)等语法的具体应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、nth-child(2n)
这个表示选择列表中的偶数标签，即选择 第2、第4、第6…… 标签。

2、nth-child(2n-1)
这个表示选择列表中的奇数标签，即选择 第1、第3、第5、第7……标签。

3、nth-child(n+3)
这个表示选择列表中的标签从第3个开始到最后。

4、nth-child(-n+3)
这个表示选择列表中的标签从0到3，即小于3的标签。

5、nth-last-child(3)
这个表示选择列表中的倒数第3个标签。

6、nth-last-child（-n+3）
这个表示选择列表中倒数第三个开始之后的所有

7、nth-child(n+4):nth-child(-n+8)
前后范围选择。选中第4-8个子元素

8.nth-child(1)/(1、2、3......)
选择第一个标签/第二个......