Псевдокласс :checked определяет, помечен флажок (<input type="checkbox">), переключатель (<input type="radio">) или пункт списка (<option>), соответственно, применяет стиль только к помеченному элементу формы. С помощью :checked можно стилизовать поля формы, создавать вкладки, меню, галерею изображений и др.
Указанные элементы интерфейса делаются с помощью <input type="checkbox">, при этом мы скрываем оригинальный флажок, сохраняя его функционал. Поведение флажка передаётся другому элементу веб-страницы, вид которого мы определяем с помощью стилей.