css中的兄弟选择器

Question

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

例

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

我希望他们E和F是红色,但只有他们是兄弟姐妹.

如果喜欢

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

他们不是兄弟姐妹,所以他们会有不同的颜色.

没有js.

Answer 1

使用同级选择器：

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

这针对<div>.e 的所有兄弟姐妹

jsFiddle 在这里