css3新选择器目标悬停

Question

在css3中是否有一种方法可以在悬停时定位div，所以如果我有像下面这样的结构，我可以将div作为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/