La longueur de l'article étant limitée, il n'y a que des exemples de codes courts. Voici un exemple :
Supposons que nous ayons la structure HTML suivante :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Checked伪类选择器示例</title>
<style>
input[type="checkbox"]:checked + label {
font-weight: bold;
color: green;
}
</style>
</head>
<body>
<input type="checkbox" id="checkbox1">
<label for="checkbox1">选项1</label>
<input type="checkbox" id="checkbox2">
<label for="checkbox2">选项2</label>
</body>
</html>Dans l'exemple ci-dessus, le sélecteur input[type="checkbox"]:checked + label est utilisé. Lorsque la case à cocher est cochée, le style de l'élément d'étiquette adjacent changera et deviendra gras. Le corps et. la couleur est verte.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
