CSS教程::nth-child()选择器 作者:马育民 • 2024-04-09 22:31 • 阅读:10011 # 说明 `:nth-child(n)` 选择器匹配父元素的第 N 个子元素,不论元素的类型。 n 可以是数字、关键词或公式。 ### 例子 下面的HTML中,选中 `.box` 的第3个子元素,设置该元素的背景为 `green`,文字颜色是 `red`,字体大小是 `30px` ``` 1 2 3 4 5 ``` 实现 CSS: **注意:** `:nth-child(3)` 与 `.box` 要有空格,与伪类选择器不同 ``` ``` 原文出处:http://malaoshi.top/show_1IX7TrNSPmGQ.html