Псевдоклас CSS :checked
Псевдоклас :checked визначає, чи помічений прапорець (<input type="checkbox">), перемикач ( <input type="radio">) або пункт списку (<option>), відповідно, застосовує ...
Меню акордеон
Акордеон являє собою список з вмістом, що розкривається (рис. 1). Зручний для створення великих меню через компактність, а також для блоків запитань та відповідей. Назва походить від музичного інструменту ...
Стилізація прапорців
Для зміни стилю прапорців та перемикачів ми взагалі ховаємо вихідний елемент <input> за допомогою значення none у властивості display, а потрібний стиль застосовуємо до елемента <label>, пов'я ...
Випадаюче меню
Плюсом використання псевдокласу :checked є те, що ми можемо клацати по різних елементах і відстежувати їх стан включено чи ні. Цей механізм знадобиться для створення меню, яке можна прив'язати до певного ...
Стилізація перемикачів
Стилізація перемикачів відбувається аналогічно стилізації прапорців — ми приховуємо вихідний елемент <input>, а замість нього стилізуємо елемент, що йде в коді HTML після <input>. При цьо ...