css - 从 html 中间开始的第 n 个 child

Question

我可能有随机的html......

<div>
<p></p>
<p></p>
....
<h1></h1>
<h1></h1>
...
<p></p>
<p></p>
....
</div>

现在，我想把标题算作第一第二第三等 child 。例如。如果我设置 h1:first-child{} 那么它不会像上面的例子那样选择，因为它不在 div 的第一个位置。

那么，我如何设计第一个 h1 的 nth-child(1) 和第二个 h2 的第 nth-child(2) 等等？

Answer 1

您正在寻找 :nth-of-type 伪类。 h1:nth-of-type(5) 将匹配第五个 h1 元素，无论它在哪里。