reskwer
@reskwer
front-end developer

Почему не срабатывает :checked?

Не срабатывает псевдокласс :checked и не могу понять в чем дело.
Когда checkbox нажат, мой<label> должен принять значение атрибута data-close="Закрыть" но что-бы я не делал, этого не происходит

<input type="checkbox" id="clik">
   <nav class="col-xs-12">
    <label for="clik" data-open="Меню" data-close="Закрыть"></label>
  </nav>

Вот и CSS
nav label:after{
  content: attr(data-open);
}
    
#clik:checked nav label:after{
  content: attr(data-close);
}
label{
  cursor: pointer;
}


Ну и сам пример выложен на JSbin jsbin.com/jitusip/edit?html,css,output
  • Вопрос задан
  • 532 просмотра
Решения вопроса 2
@soledar10
html css3 js jquery
Комментировать
romy4
@romy4
Exception handler
Потому что у вас селектор неправильный. nav не находится внутри input, он его sibling. используйте #clik ~ nav
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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