: проверено - CSS-хитрости

:checkedПсевдо-класс в CSS выбирает элементы , когда они находятся в выбранном состоянии. Он связан только с элементами input ( ) типа radio и checkbox. :checkedСелектор псевдо-класс соответствует радио и флажок типов ввода , когда проверка или переключается в активное состояние. Если они не выбраны или не отмечены, совпадений нет.

Итак, когда флажок установлен и вы нацеливаете метку сразу после него:

input(type=checkbox) + label ( color: #ccc; font-style: italic; ) input(type=checkbox):checked + label ( color: #f00; font-style: normal; )

Текст метки изменится с серого курсива на красный нормальный шрифт.

 CSS is Awesome

CSS - это круто

Выше приведен пример использования :checkedпсевдокласса, чтобы сделать формы более доступными. :checkedПсевдо-класс может быть использован со скрытыми входами и их видимыми метками для создания интерактивных виджетов, таких как галереи изображений.