sélecteur d'enfant

La plage de correspondance du sélecteur enfant est plus petite que celle du sélecteur descendant. Le sélecteur descendant correspond à tous les descendants, tandis que le sélecteur enfant ne correspond qu'aux éléments enfants de premier niveau.

Le sélecteur de sous-contenant E > F sélectionne les éléments qui correspondent à F, et cet élément est un élément enfant de l'élément E correspondant.

E>F

Le code ci-dessus est le format de création d'un sous-sélecteur, séparé par un signe supérieur à. L'exemple de code est le suivant :

.antzone>li{
  color:blue
}

Le code ci-dessus ne parlera que de la police. du sous-élément li de premier niveau sous antzone La couleur est définie sur bleu.

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>PHP中文网</title>
<style type="text/css">
#box > ul{
  color:blue
}
</style>
</head>
<body>
<div id="box">
  <ul>
    <li>欢迎来到PHP中文网</li>
    <li>PHP中文网欢迎您</li>
  </ul>
  <div>
    <ul>
      <li>欢迎来到PHP中文网</li>
      <li>PHP中文网欢迎您</li>
    </ul>
  </div>
</div>
</body>
</html>

Comme vous pouvez le voir dans le code ci-dessus, seule la couleur de la police dans le sous-élément ul de premier niveau de l'élément box sera définie sur bleu.

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.php.cn/" /> <title>PHP中文网</title> <style type="text/css"> #box > ul{ color: #d097ff } </style> </head> <body> <div id="box"> <ul> <li>欢迎来到PHP中文网</li> <li>PHP中文网欢迎您</li> </ul> <div> <ul> <li>欢迎来到PHP中文网</li> <li>PHP中文网欢迎您</li> </ul> </div> </div> </body> </html>

soumettre Réinitialiser le code

Opération automatique