css - 同一级别的 CSS

Question

如果我在同一级别有 3 个 div（不是另一个）。如何在不使用 ID 和类的情况下悬停一个 div 时更改另一个 div 的颜色。我想要类似的东西：

<div id="1" ></div>
<div></div>
<div></div>

和 CSS ：

#1 :hover < body > div
{
    //Here I change the things
}

Answer 1

使用通用兄弟组合器

#yourId:hover ~ div
{
    color:red;
}

另请注意，ID 必须以字母开头。W3 ID 属性

例子

Answer 2

在它们周围放一个包装纸，然后将鼠标悬停在包装纸上。

<div class="wrapper">
    <div class="element">foo</div>
    <div class="element">bar</div>
    <div class="element">baz</div>
</div>

.wrapper:hover .element {
    color: red;
}

示例：http: //jsfiddle.net/EB92r/