本文介绍了CSS3的nth-child(n)选择器，详细解析其匹配父元素的第N个子元素的工作原理。通过示例说明了如何利用n的数字、关键字或公式来选取元素，并探讨了奇数偶数选择以及带计数器n的表达式应用，展示了在实际布局中的使用技巧。
选择器作用
nth-child(n)选择器的作用：
nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。
2021-9-16前来填坑
并不是人家例子给的不好 是我当时太蠢 没看清是 父元素！
n 可以是一个数字，一个关键字，或者一个公式。
W3school给的例子
<!DOCTYPE html>
<html>
<head>
<style>
p:nth-child(2)
{
background:#ff0000;
}
</style>
</head>
<body>
<h1>这是标题</h1>
<p>第一个段落。</p>
<p>第二个段落。</p>
<p>第三个段落。</p>
最低0.47元/天 解锁文章
扫一扫
2466
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
