@absurd88

Почему не срабатывает hover и focus?

<ul>
             <li class="filter-option">
              <label>
               <input class="filter-input" type="checkbox" name="Point">
              POINT
             </label>
              </li>
</ul>


.filter-input:hover + label,
.filter-input:focus + label {
   color: #663d15;
 }
  • Вопрос задан
  • 89 просмотров
Решения вопроса 3
artur_kudaev
@artur_kudaev
Frontend Developer
Селектор + label у вас не срабатывает. Если label поставите за input на одном уровне, то все выйдет. + - это первый правый элемент
Ответ написан
@L1nks
Потому что "+" это соседний селектор, он выбирает элемент, который следует прямо за предыдущим.
В вашем случае вы можете сделать вот так
Ответ написан
wapster92
@wapster92 Куратор тега CSS
Люблю трилогию ME
Неверно применен селектор отношения, для + элементы должны быть на одном уровне. Учись лучше)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы