CSS结构性伪类选择器nth-child

最新推荐文章于 2026-01-05 11:04:12 发布

原创最新推荐文章于 2026-01-05 11:04:12 发布 · 316 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

css 专栏收录该内容

4 篇文章

订阅专栏

本文深入解析CSS中的选择器，包括:first-child、:last-child、:nth-child(n)、:nth-last-child(n)、:nth-of-type(n)、:nth-last-of-type(n)、:not(selector)和:empty等，详细介绍它们的使用场景和语法，帮助读者更好地掌握CSS布局技巧。

E:first-child   匹配父元素中第一个子元素
E:last-child   匹配父元素中最后一个子元素

E:nth-child(n)  匹配属于其父元素的第n个子元素，不论元素的类型
E:nth-last-child(n)  从后面往前面数

E:nth-of-type(n)  匹配父元素的第n个指定类型的子元素
E:nth-last-of-type(n)  从后面往前面数

E:nth-child(2n)   匹配偶数行
E:nth-child(2n-1)   匹配奇数行

E:not(selector)   匹配非指定元素/选择器的每个元素
E:empty  匹配E元素中没有子节点的元素，不能有空格，回车