Sélecteur universel de frères et sœurs

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.


Formation continue
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://ask.php.cn/" /> <title>CSS教程</title> <style type="text/css"> div~p{color:blue} </style> </head> <body> <div>php中文网一</div> <p>php中文网二</p> <span>php中文网三</span> <p>php中文网四</p> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel