在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中某个类的奇/偶儿童是否有选择器？

回答

相关问题