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.
section suivante