Quel est l'identifiant du sélecteur d'identifiant en CSS

En CSS, l'identifiant du sélecteur d'identifiant est "#". Vous pouvez spécifier un style spécifique pour l'élément HTML marqué avec une valeur d'attribut d'identifiant spécifique. La structure syntaxique est "#ID value {attribut: valeur d'attribut;}" . L'attribut ID est unique et non répétable dans toute la page ; la valeur de l'attribut ID ne doit pas commencer par un numéro. Les identifiants commençant par des chiffres ne fonctionneront pas dans les navigateurs Mozilla/Firefox.

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

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

Les éléments HTML utilisent l'attribut id pour définir le sélecteur d'identifiant, et le sélecteur d'identifiant en CSS est défini avec "#".

La structure syntaxique est la suivante :

#ID {
  属性 : 属性值;
}

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

Dans le code HTML ci-dessous, l'élément p avec l'attribut id rouge est affiché en rouge, et l'élément p avec l'attribut id est vert est affiché en vert :

Il est à noter :

• L'attribut ID est le seul non répétable dans toute la page.

  Une valeur d'ID ne peut apparaître qu'une seule fois dans un document HTML, c'est-à-dire qu'un ID ne peut identifier de manière unique qu'un seul élément (pas un type d'élément, mais un élément).

  C'est-à-dire que l'identifiant de l'élément est unique dans la page, le sélecteur d'identifiant est donc utilisé pour sélectionner un élément unique !

• La valeur de l'attribut ID ne commence pas par un nombre, les identifiants commençant par des chiffres ne fonctionnent pas dans les navigateurs Mozilla/Firefox
  

sélecteur d'identifiant et sélecteur dérivé

Dans la mise en page moderne, le sélecteur d'identifiant est souvent utilisé pour créer sélecteurs dérivés.

Le style ci-dessus ne sera appliqué qu'aux paragraphes qui apparaissent dans l'élément dont l'identifiant est sidebar. Cet élément est très probablement une cellule div ou de tableau, bien qu'il puisse également s'agir d'un tableau ou d'un autre élément de niveau bloc. Il peut même s'agir d'un élément en ligne, tel que ou , mais cette utilisation est illégale car elle ne peut pas être intégrée dans l'élément en ligne p>.

Utilisations multiples d'un sélecteur

Même si l'élément marqué comme barre latérale ne peut apparaître qu'une seule fois dans le document, ce sélecteur d'identifiant peut être utilisé plusieurs fois comme sélecteur dérivé :

Ici, ce qui est évidemment différent des autres éléments p de la page, c'est que l'élément p dans la barre latérale a reçu un traitement spécial. En même temps, ce qui est évidemment différent de tous les autres éléments h2 de la page, c'est que l'élément h2 dans la barre latérale a également reçu un traitement spécial différent. traitement.

Sélecteur séparé

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

Selon cette règle, l'élément avec la barre latérale d'identifiant aura un pixel de large. Une bordure en pointillés noirs , et il y aura un remplissage de 10 pixels de large (remplissage, contenu vide) autour de lui. Les anciennes versions des navigateurs Windows/IE peuvent ignorer cette règle, sauf si vous définissez spécifiquement l'élément auquel appartient ce sélecteur :

(Partage de vidéos d'apprentissage : front-end web)

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!