css - css 中的兄弟选择器

Question

我需要将 css 应用于兄弟元素

例子

<div>
    <div class="e"></div>
    <div class="f"></div>
</div>

我希望他们 E 和 F 是红色的，但前提是他们是 sibling 。

万一

<div>
    <div class="e"></div>
</div>
<div>
    <div class="f"></div>
</div>

他们不是 sibling ，所以他们会有不同的颜色。

没有js。

Answer 1

使用兄弟选择器:

.e ~ div {
    background-color:red;
}

这针对所有 <div> .e 的 sibling

jsFiddle here