css - 显示隐藏的 CSS 类

Question

如何在悬停时显示隐藏的 CSS 类

<a class="a1">Show the first</a>
<a class="a2">Show the second</a>

<div class="div1">The first</div>
<div class="div2">The second</div>

我觉得很清楚

谢谢！

Answer 1

唯一的 CSS 选项是拥有 2 个类，其中一个隐藏div元素，就像其他使用伪选择器显示它一样:hover

div {
    display: none;
}

a:hover + div {
    display: block;
}

Answer 2

您可以使用通用的兄弟选择器：

div { display: none; }
.a1:hover ~ .div1 { display: block; }
.a2:hover ~ .div2 { display: block; }

http://jsfiddle.net/uK8KP/