.notifications .left-notif-wrap ul li:hover>.close {
display:block;
}
Для такой структуры:
<div class="notifications">
<div class="left-notif-wrap">
<ul>
<li><span>Close</span></li>
</ul>
</div>
</div>
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуВ вашем комбинаторе потомков указан только класс .close
(кстати где он?), а нужно ещё указать сам элемент. Для того чтобы текст "Close" при наведении курсора становился блочным элементом, попробуйте вот это:
.notifications .left-notif-wrap ul li:hover>span {display:block;}
нет элемента с классом .close
.
close
, у спана нет этого класса: <li><span>Close</span></li>
.
<li><span class="close">Close</span></li>