1
.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>

2 ответа 2

1

В вашем комбинаторе потомков указан только класс .close (кстати где он?), а нужно ещё указать сам элемент. Для того чтобы текст "Close" при наведении курсора становился блочным элементом, попробуйте вот это:

.notifications .left-notif-wrap ul li:hover>span {display:block;}
0

нет элемента с классом .close.

5
  • Элемент таков есть
    – Kaffarov
    24 июл 2015 в 17:28
  • Элемент span есть, если ві его блочным хотите сделать, то правило должно быть .notifications .left-notif-wrap ul li:hover>span{...} 24 июл 2015 в 17:51
  • у вас а html нет элемента с классом close, у спана нет этого класса: <li><span>Close</span></li>.
    – Артем
    24 июл 2015 в 18:32
  • для тоого чтобы заработал код вам нужно будет написать: <li><span class="close">Close</span></li>
    – Артем
    24 июл 2015 в 18:33
  • jsfiddle.net/hkcnvgm0
    – soledar10
    24 июл 2015 в 18:55

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.