Когда нажимается кнопка или флажок, какой код css мы используем для выбора контейнера div?
Когда я нажимаю кнопку навигации, я хочу выбрать навигационный блок. Какой код CSS я должен написать для этого?
<div class = "navigation">
<input type = "checkbox" id = "navi-toggle" class = "navigation__checkbox"
name = "checkbox">
<label for = "navi-toggle" class = "navigation__button">
<span class = "navigation__icon"></span>
</label>
</div>
Создайте js-скрипт
Будьте очень осторожны с правильным отступом в своем коде, особенно с HTML, поскольку он имеет тенденцию исчезать, если это не так.
Тем не менее, все еще не совсем понятно, о чем вы спрашиваете. Что вы подразумеваете под "выбрать"?
Ответы 1
Я предполагаю, что вы спрашиваете, как настроить таргетинг родительского контейнера с помощью CSS при нажатии на дочерний контейнер. Если это так, то это невозможно, но тот же селектор действителен для родителя. Например, если у вас есть тег a внутри div, и вы нажимаете на a, вы также нажимаете на тег div.
** Изменить. Я говорю, что тот же селектор действителен. В некоторых случаях это неверно, если дочерний элемент был удален из стандартного потока документа с помощью плавающих элементов или абсолютного позиционирования и, возможно, нескольких других побочных случаев.
Вот некоторый псевдокод:
CSS
div.parent:active{
background:red;
}
a.child:hover{
color:blue;
}
HTML
<div class = "parent">
<a class = "child">Link</a>
</div>
нужно больше деталей