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 {

}

.barの直後にあるをターゲットにし.fooます。

バリアントについては、 w3.orgリファレンスを参照してください（たとえば、直後ですが、必ずしも直後ではありません）。

これはIE7では使用できず、IE8では完全には機能しないことに注意してください。