Применить стиль только в том случае, если определенный класс до

Question

Мне интересно, есть ли способ применить стиль CSS к элементу только в том случае, если перед ним вставлен определенный элемент. Например, применить свой стиль, только если .foo появляется непосредственно перед .bar:

<div class="foo"></div> 
<div class="bar"></div> //apply style 

<div class="dur"></div> 
<div class="bar"></div> //do not apply style 

<div class="bar"></div> //do not apply style 

Answer 1

Да, с помощью CSS3 вы можете сделать

.foo + .bar { 

} 

для целевой .bar, который сразу же после .foo.

См. w3.org reference для вариантов (например, после, но не обязательно сразу после).

Отметьте, что you can't use this on IE7 and it doesn't work perfectly on IE8.