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> 

Я хочу, чтобы выбрать класс = «B» якорь, который приходит после того, как класс = «а» только якорь. Поэтому я бы хотел, чтобы был выбран «Два» якоря, а не «Четыре» якоря.

Возможно ли это в CSS3? Если нет, возможно ли это в jQuery? (хотя, я бы предпочел CSS).

Answer 1

Для этого вам не нужен CSS 3, это было уже возможно в CSS 2.1! :)

Используйте adjacent sibling selector+:

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