Comment définir le sélecteur d'identifiant CSS

Sélecteur d'identifiant CSS

Le sélecteur d'identifiant peut spécifier un style spécifique pour les éléments HTML marqués avec un identifiant spécifique.

le sélecteur d'identifiant est défini avec "#". (Apprentissage recommandé : Tutoriel d'introduction CSS)

Les deux sélecteurs d'identifiant suivants, le premier peut définir la couleur de l'élément comme rouge, le second peut définir la couleur de l'élément en vert :

#red {color:red;}
#green {color:green;}

Dans le code HTML suivant, l'élément p avec l'attribut id rouge est affiché en rouge, et l'élément p avec l'attribut id vert est affiché en vert.

<p id="red">这个段落是红色。</p>
<p id="green">这个段落是绿色。</p>

Remarque : L'attribut id ne peut apparaître qu'une seule fois par document HTML.

Sélecteurs séparés

Le sélecteur d'identifiant peut fonctionner indépendamment même s'il n'est pas utilisé pour créer des sélecteurs dérivés :

#sidebar {
border: 1px dotted #000;
padding: 10px;
}

Selon cette règle, l'élément avec l'identifiant de la barre latérale aura une bordure en pointillés noirs de la largeur d'un pixel et il y aura 10 pixels de remplissage autour de lui.

Les anciennes versions des navigateurs Windows/IE peuvent ignorer cette règle à moins que vous ne définissiez spécifiquement l'élément auquel appartient ce sélecteur :

div#sidebar {
border: 1px dotted #000;
padding: 10px;
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!