Question

我会尽力让问题变得清晰，所以请耐心等待！：）

我有类似下面的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：nth-child（偶数）在div＃1开始计数，所以div＃2被选中，我不需要它。

我需要的是能够在条纹中选择所有偶数div.b，而不受条纹之前或之后的任何影响。我想避免使用JavaScript。有什么想法吗？

Answer 1

'+'用于下一个兄弟或相邻元素。即li + li或h3 + p

但你不是在寻找相邻的，你正在寻找第n个元素。

Answer 2

如果有人从搜索引擎中找到此问题，我会添加此答案。

经过数小时的研究，没有神奇的全部css答案。不要浪费我在这方面花费的时间，并选择＆＃34; odd＆＃34;和＆＃34;甚至＆＃34;标记中的类。：）

在css中是否存在某个类的奇数/偶数子项的选择器？

2 个答案: