css - css 中是否有针对某个类的奇数/偶数子项的选择器？

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(even) 从 div #1 开始计数，因此 div #2 被选中，我不需要它。

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

Answer 1

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

但您不是在寻找相邻元素，而是在寻找第 n 个元素。