css3 new selectors target on hover

Question

Есть ли способ в css3, чтобы нацелить div на зависание, поэтому, если у меня есть такая лестница, как показано ниже, я могу настроить таргетинг на divs как прямые братья и сестры 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

Вы можете использовать adjacent sibling combinator для этого:

h1 + div:hover { ... } 

Демо: http://jsfiddle.net/9P2hd/

W3C является вашим другом (по крайней мере, большую часть времени): http://www.w3.org/TR/css3-selectors/