在css中某個類的奇/偶兒童是否有選擇器？

我會盡量讓我的問題儘可能清楚，所以請耐心等待！ :)在css中某個類的奇/偶兒童是否有選擇器？

我有類似下面的html。請注意#container中的每個div可以在我的應用程序中重複任意次數。所以有可能div.a不會在那裏，或者我會有不止一個。

<div id="container"> 
    <div class="a">1</div> 
    <div class="b">2</div> 
    <div class="b">3</div> 
    <div class="b">4</div> 
    <div class="b">5</div> 
    <div class="c">6</div> 
</div>

在上面的html中，我想要一個用於div＃3和＃5的css選擇器。使用div.b + div.b會影響除連續的第一個div.b以外的所有div.b。使用div.b：nth-child（偶數）在div＃1處開始計數，因此div＃2被選中，我不需要它。

我需要的是能夠在條紋中選擇所有的偶數div.b，而不受條紋前後的影響。我想避免使用JavaScript。任何想法？

來源

2011-12-15 Gabriel

所以你正在尋找`.b：nth-class（even）`，除了使用一個實際存在的選擇器？ – thirtydot 2011-12-15 18:56:00

你需要什麼樣的兼容性？ – 2011-12-15 18:57:07

如果有人從搜索引擎中發現此問題，我將添加此答案。

經過許多小時的研究，沒有神奇的CSS所有答案。不要像我這樣浪費很多時間，並且在標記中使用「奇怪」和「偶數」類。 :)

來源

2011-12-20 14:48:45 Gabriel

'+'用於下一個兄弟或相鄰元素。即li + li或h3 + p

但是您不尋找相鄰的，您正在尋找第n個元素。

來源

2011-12-15 18:56:45 Brian

在css中某個類的奇/偶兒童是否有選擇器？

回答

相關問題