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 つのクラスを持ち、1 つを使用してdiv要素を非表示にし、他のクラスを疑似セレクターを使用して表示することです。:hover

div {
    display: none;
}

a:hover + div {
    display: block;
}