Change properties of a specific div on a:hover via CSS?

Question

HTML

There is one div followed by another (can't find a code formatting service to show). When hovering over a link in the second div, is it possible to change the properties of the first one, like background?

<div id="ball"></div>
<div id="links">
<a href="#">LINK</a>
</div>

Answer 1

As a special case, make the first block inside the link and move it where necessary using position: absolute;

Answer 2

I think even if you find a solution with CSS3, it's still much faster and easier to solve your problem with javascript. This solution will at least work in all browsers.