В коде указано, что когда навожу на ссылку, должен появляться класс. Но код не работает, хотя когда ставлю в CSS наведение на целый класс .callback, а не на отдельную ссылку, то всё нормально. Как сделать, чтобы при наведении на ссылку выводился .city-menu?
.callback {
position: relative;
}
.city-menu {
position: absolute;
opacity: 0;
display: flex;
flex-direction: column;
}
.callback a:hover .city-menu {
opacity: 1;
top: 1;
}
<div class="callback"><p>Ваш город:
<br><a href="#">Киев</a>
<div class="city-menu">
<ul>
<li><a href="#">Киев</a></li>
<li><a href="#">Киев</a></li>
<li><a href="#">Киев</a></li>
</ul>
</div>
</p></div>
~