第n個孩子從HTML

Question

我可以有任意的HTML的中間開始......

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

現在，我要數到標題爲第一第二第三等孩子。例如。如果我設置h1：first-child {}，那麼它將不會像上例中那樣選擇，因爲它不在div的第一個位置。

那麼，我該如何設定第一個h1子女（2）爲第二個h2等的第n個子女（1）？

Answer 1

您正在尋找:nth-of-type僞類。 h1:nth-of-type(5)將匹配第五個h1元素，而不管它在哪裏。