nth-child从html中间开始

Question

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

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

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

那么，我如何为第一个h1 nth-child（2）第二个h2等假设nth-child（1）？

Answer 1

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