PuzzleWeb
.ru
HTML
CSS
JavaScript
PHP
Apache
CSS селекторы
>
Псевдо-класс :checked
> Использование псевдо-класса :checked
Использование псевдо-класса :checked
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> input:checked + label{ background-color: yellow; } </style> </head> <body> <form> <input type="radio" checked="checked" name="sex" id="woman"> <label for="woman">Женщина</label><br> <input type="radio" name="sex" id="man"> <label for="man">Мужчина</label><br> <input type="checkbox" checked="checked" id="car"> <label for="car">Я имею машину</label><br> <input type="checkbox" id="bike"> <label for="bike">Я имею мотоцикл</label> </form> </body> </html>
Результат:
Отредактируйте код, указанный выше, и нажмите кнопку "GO" для просмотра результата.