DIV：悬停更改另一个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/