Ce sélecteur a une plage de correspondance plus large que ses sélecteurs frères adjacents, et il n'y a aucune restriction "adjacente".
E ~ F
Ce qui précède est le format pour créer un sélecteur de frères et sœurs universel. E et F doivent avoir le même élément parent, et l'élément F est derrière l'élément E. L'exemple de code est le suivant :
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask. php.cn/ " />
<title>php Site chinois</title>
<style type="text/css">
li {couleur : bleu>
.antzone ~ li{
couleur:rouge;
}
</style>
</ tête>
<corps>
<ul>
<li>php中文网一</li>
<li class="antzone">php Site Web chinois deux</li>
<li>php Site Web chinois trois</li>
<li>php Site Web chinois quatre< ;/li>
</ul>
</body>
</html>
Le code ci-dessus peut remplacer l'antzone La police de tous les éléments li est définie sur rouge.