css3 nouveaux sélecteurs cible sur hover

Question

Existe-t-il un moyen dans css3 de cibler un div en vol stationnaire, donc si j'ai une structure comme ci-dessous, pourrais-je cibler les divs en tant que frères directs de la h1?

<h1>item1</h1> 
<div>this is the description for 1</div> 

<h1>item2</h1> 
<div>this is the description for 2</div> 

<h1>item3</h1> 
<div>this is the description for 3</div> 

Answer 1

Vous pouvez utiliser le adjacent sibling combinator pour cela:

h1 + div:hover { ... } 

Démo: http://jsfiddle.net/9P2hd/

W3C est votre ami (au moins la plupart du temps): http://www.w3.org/TR/css3-selectors/