在特定的班级孩子之后选择特定班级的偶数和奇数孩子

Question

HTML：

<div id="container">
  <div class="b">b7</div>
  <div class="b">b8</div>
  <div class="a">a1</div>
  <div class="b">b1</div>
  <div class="b">b2</div>
  <div class="b">b3</div>
  <div class="a">a2</div>
  <div class="a">a3</div>
  <div class="b">b4</div>
  <div class="b">b5</div>
  <div class="b">b6</div>
</div>

我想要在类'a'之后出现的b级兄弟，即b1，b3，b4，b6（不应该是b7）。 是否可以使用CSS？

Answer 1

是的你可以（如果你想选择b1，b3，b4和b6，你的意思是偶数，而不是奇数）：

.a ~ .b:nth-child(even) {
    color: red;
}

同时检查此demo

Answer 2

选中此fiddle

.a+.b, .a+.b+.b+.b{
    background: red;
}

我正在使用相邻的兄弟角色。但是当.b计数更多时，此解决方案可能不可行。