Псевдокласс :checked применяется к элементам интерфейса, таким как переключатели (checkbox) и флажки (radio), когда они находятся в положение «включено». Переключение элементов в такое состояние происходит с помощью атрибута checked тега <input> или пользователем.
В данном примере текст возле отмеченных флажков выделяется фоновым цветом. Результат примера показан на рис. 1.
Рис. 1. Результат использования псевдокласса :checked
Дежурная шутка
Разговаривают два пользователя Интернета:
— Ну как дела?
— Да как тебе сказать... Всё нормально вроде, вот только пальцы болят.
— А с чего это вдруг?
— Да вчера с друзьями в чате встретился, так всю ночь песни пели...