如果某些类别出现，则仅应用样式

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。