2015-06-11 38 views
-3

我有一個HTML的結構是這樣的:CSS:選擇每個奇數DIV-只

<h3>h3</h3> 
<div>Content</div> 
<h3>h3</h3> 
<div>Content</div> 
<div>Content</div> 
<div>Content</div> 
<h3>h3</h3> 
<div>Content</div> 
<div>Content</div> 
<h3>h3</h3> 
<div>Content</div> 
... 

我想每一個選擇第二個div(忽略3H公司)。這可能與CSS?

謝謝!

+0

你甚至嘗試過搜索嗎?在google上搜索你的確切問題在第一個鏈接上有答案 –

+0

@TylerH:我確信這是一個騙局,但不認爲它是一個鏈接的欺騙。 'n-child()'在這裏不起作用。 – Harry

+1

@哈里:無論如何,我一直渴望給這個問題的答案提供一個徹底的改變,所以我現在已經完成了並且添加了第n個類型的細節。但我無論如何都重新開放了 - 這確實是一個不同的問題。 – BoltClock

回答

2

使用nth-of-type(even)

div:nth-of-type(even) { 
 
    color: tomato; 
 
}
<h3>h3</h3> 
 
<div>Content</div> 
 
<h3>h3</h3> 
 
<div>Content</div> 
 
<div>Content</div> 
 
<div>Content</div> 
 
<h3>h3</h3> 
 
<div>Content</div> 
 
<div>Content</div> 
 
<h3>h3</h3> 
 
<div>Content</div>

+0

謝謝!我試過它與第十一個孩子(這顯然不工作);) – Arerrac

0

您可以在父包裝使用。

div:nth-child(even) { 

    //code here 
} 
+1

這不會做什麼OP是問。它會從1開始選擇每隔一個div,因爲第一個出現的'div'是* second *孩子。 – TylerH