sélecteur d'ide...LOGIN

sélecteur d'identifiant

Définition et utilisation du sélecteur d'identifiant :

Structure grammaticale 1 :

#myid{ Règles }

Cette structure grammaticale peut sélectionner l'identifiant est l'élément de myid.

Structure grammaticale deux :

E#myid{ sRules }

Cette structure grammaticale peut sélectionner l'élément E avec l'identifiant myid.

Exemple de code :

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

Le code peut définir la couleur du texte de l'élément avec l'identifiant mytest sur bleu.

Remarque spéciale : l'identifiant doit être unique dans tout le document html, mais dans le document ci-dessous il y a deux éléments avec le même identifiant, mais l'effet souhaité est toujours obtenu, mais dans notre fonctionnement réel, nous devons mettre mettre un terme à ce phénomène.

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

Le code peut définir la couleur du texte dans l'élément li avec l'identifiant mytest sur bleu.


section suivante
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://ask.php.cn/" /> <title>php中文网</title> <style type="text/css"> li#mytest{ color:blue; } </style> </head> <body> <div> <ul> <li id="mytest">php中文网欢迎您</li> <li>php中文网</li> </ul> <p>php中文网欢迎您</p> </div> </body> </html>
soumettreRéinitialiser le code
chapitredidacticiel