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 Attribute

Example

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/

相同级别的CSS

2 个答案: