同一级别的CSS

同一级别的CSS,css,css-selectors,Css,Css Selectors,如果我在同一级别有3个div(不是一个在另一个级别)。在不使用ID和类的情况下,如何更改另一个div的颜色。我想要的是: <div id="1" ></div> <div></div> <div></div> 和CSS: #1 :hover < body > div { //Here I change the things } #1:悬停div { //我在这里换东西 } 在它们周围放置一个包装,

如果我在同一级别有3个div(不是一个在另一个级别)。在不使用ID和类的情况下,如何更改另一个div的颜色。我想要的是:

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

和CSS:

#1 :hover < body > div
{
    //Here I change the things
}
#1:悬停div
{
//我在这里换东西
}

在它们周围放置一个包装,然后将鼠标悬停在包装上

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

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

福
酒吧
巴兹
.wrapper:hover.element{
颜色:红色;
}

示例:

使用通用同级组合符

#yourId:hover ~ div
{
    color:red;
}
还要注意,Id必须以字母开头


我想你还需要javascript,如果我想让之前的div也改变的话?正如我在对你的新问题的评论中提到的,这是不可能的。@user1365010在这种情况下,你必须使用Petah的答案,还没有css父选择器。