html - 分区 :hover changes attributes of another 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/