css - 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" アンカーのみを選択したい。したがって、「4」アンカーではなく「2」アンカーを選択したいと思います。

それはCSS3で可能ですか？そうでない場合、jQueryで可能ですか? （ただし、CSSの方が好きです）。

Answer 1

これには CSS 3 は必要ありません。CSS 2.1 ですでに可能でした。:)

隣接する兄弟セレクター を使用します+。

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