Sélecteur d'identité dans CSS
Par exemple, si vous devez modifier la couleur du texte de tous
Éléments alors le sélecteur d'éléments peut être utilisé. Cependant, lorsque vous devez cibler un seul
Tag alors un sélecteur plus spécifique sera requis, comme un sélecteur d'identité.
Syntaxe
Le sélecteur d'ID est décrit avec le signe # suivi de l'ID de l'élément.
#idname CSS PropertiesRègles pour mettre en œuvre le sélecteur d'identité
Il y a des règles à suivre pour traiter les sélecteurs d'identification.
La première règle à suivre tout en traitant avec le sélecteur d'ID est qu'il doit avoir au moins un personnage et qu'il ne peut pas commencer par un numéro. Par exemple:
Dans la même page, plusieurs éléments HTML ne peuvent pas avoir le même identifiant:
Si un élément a un ID, il doit être unique:
La règle finale est que le nom d'identité et valeur de la propriété doit être le même:
Considérez maintenant l'exemple suivant avec le «style» d'identification:
Sélecteur d'identité
Bienvenue à Linuxhint.com
la deuxième paragraphe
Dans l'extrait ci-dessus, l'un des
Les éléments sont stylisés selon le «style» de l'ID. Par conséquent, les propriétés de #Style ne s'appliqueront que sur cela
élément comme indiqué dans la sortie ci-dessous:
Le sélecteur d'ID peut être utilisé sur divers éléments HTML comme les images, les paragraphes, les titres, etc.
Spécificité CSS
La spécificité CSS est un ensemble de règles en utilisant lequel le navigateur Web détermine quelle propriété est la plus appropriée / appropriée à un élément. Dans CSS, le sélecteur d'identification a la spécificité la plus élevée parmi tous les autres sélecteurs en raison de son caractère unique.
Par exemple, le code donné ci-dessous a deux styles pointant vers le même élément I.e. Sélecteur d'identité Bienvenue à Linuxhint.com la deuxième paragraphe Comme le style de classe est déclaré en premier et que le paragraphe pointe d'abord le style «classe», le navigateur appliquera-t-il le style du sélecteur de classe? Non! Le navigateur déterminera la spécificité de ces sélecteurs. Comme le sélecteur d'ID a une spécificité plus élevée, il implémentera les propriétés à l'aide du sélecteur d'ID comme indiqué dans la sortie: Conclusion: Le Sélecteur d'identification CSS Utilisé l'attribut d'identification d'accès pour donner le style à un élément HTML spécifique. L'unicité fait la priorité du sélecteur d'identification sur les autres sélecteurs. Il a une spécificité la plus élevée par rapport à tous les autres sélecteurs. Cet article a fourni une compréhension détaillée du sélecteur d'identification, de sa syntaxe, de certaines règles qui doivent être suivies tout en traitant des sélecteurs d'identification et enfin, il a fourni les conseils sur la spécificité CSS.
<