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

:checkedПсевдо-клас в CSS вибирає елементи , коли вони знаходяться в обраному стані. Це пов'язано лише з елементами введення ( ) типу radio та прапорець. :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Псевдо-клас може бути використаний з прихованими входами і їх видимими мітками для створення інтерактивних віджетів, таких як галереї зображень.