Можно ли применить эффект наведения CSS к элементу, который не является дочерним элементом зависшего элемента?

Я не был уверен, возможно это или нет. Я сейчас работаю с анимацией CSS3, и мне нужно навести указатель мыши на ссылку, которая повлияет на другой элемент div (не дочерний) на странице. Я не был уверен, есть ли обходной путь или нет.

<style type="text/css">

#header {
 background-color:red;
}

#header:hover .element {
 background-color:blue;
}

.element {
 background-color:green;
}

</style>

-

<header id="header">
     <li><a href="#">Hover</a></li>
</header>

<div class="element" >
 <p>hello world </p>
</div>