Question

I’m trying to change the attributes of one div from another div‘s hovering. Both of the div’s has their own unique ID and I’m wondering if this is possible.

Here is the jsfiddle link:
http://jsfiddle.net/Ngx5D/

And here is the sample code:

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

Write like this:

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

Check this http://jsfiddle.net/Ngx5D/1/