css - 仅在某些类之前应用样式

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 {

}

以 a 为目标.bar，它紧跟在 a 之后.foo。

请参阅w3.org 参考以了解变体（例如，在但不一定紧随其后）。

请注意，您不能在 IE7 上使用它，并且它不能在 IE8 上完美运行。