CSS3 - 选择另一个元素之后的元素

Question

CSS3是否可以选择一个接一个的元素？如果我有，例如：

<div>
  <a class="a">One</a>
  <a class="b">Two</a>
  <a class="c">Three</a>
  <a class="b">Four</a>
</div>

我想选择class =“a”锚之后的class =“b”锚点。所以我希望选择“两个”锚而不是“四个”锚。

这可能在CSS3中吗？如果没有，是否可以在jQuery中？ （不过，我更喜欢CSS）。

Answer 1

你不需要CSS 3，它已经可以在CSS 2.1中使用了！ ：）

使用adjacent sibling selector +：

.a + .b {
   /* styles */
}