2015-06-11 39 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