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 {

}

以紧接在 .foo 之后的 .bar 为目标。

参见 w3.org reference对于变体(例如，但不一定紧接着)。

请注意 you can't use this on IE7 and it doesn't work perfectly on IE8 .