在悬停时显示特定的div?仅使用 css 和 html

I want to show second div (in HTML) with class dikha on cursor hover over anchor tag.

HTML 代码:

<a>Hover over me!</a>
<div class="faraz"> sdjfg </div>
<div class="dikha">Stuff shown on hover</div>

风格

div {
display: none;
}

a:hover > div:nth-child(2) {
display: block;
background-color: RED;
height: 250px;
width: 960px;
}

推荐答案

需要使用相邻兄弟选择器~.此外，您要显示的 div 是第三个孩子，而不是第二个(因为 <a> 是第一个).

div {
    display: none;
}
a:hover ~ div:nth-child(3) {
    display: block;
    background-color: RED;
    height: 250px;
    width: 960px;
}