html - DIV:hover 改变另一个 DIV 的属性

Question

我试图改变一个div从另一个div悬停的属性。两个 div 都有自己的唯一 ID，我想知道这是否可能。

这是 jsfiddle 链接：http: //jsfiddle.net/Ngx5D/

这是示例代码：

body {
    background-color:lightgrey;
}

#div_one, #div_two{
    background-color:darkred;
    display:block;
    width:300px;
    text-align:center;
    padding:30px;
    margin:10px;
    color:white;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;  
}

#div_one:hover {
    background-color:red;
}

Answer 1

像这样写：

#div_one:hover + #div_two{
    background-color:red;
}

检查这个http://jsfiddle.net/Ngx5D/1/