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; }