Ребят, есть вот такая конструкция:
<ul class="parent">
<li><span class="checked">Первый</span></li >
<li><span>Второй</span></li >
<li><span>Третий</span></li >
</ul>
.parent li span {
color: black;
}
.parent:hover li span {
color: grey;
}
.parent:hover li span:hover {
color: black;
}
.parent li span.checked {
color: black;
}
Задача: наводим на родителя —> меняем цвет всех span на серый; если есть span.checked — меняем цвет всех span на серый кроме выбранного; если нет ни одного span.checked — оставляем серый в наведении и черный вне наведения.
Всё реализовал, кроме серого цвета для всех span кроме выбранного, когда снимаем наведение. Чёт не пойму как правильно сослаться.
Простой
