Maison  >  Article  >  interface Web  >  Quelle est la différence entre l'identifiant et la classe en HTML

Quelle est la différence entre l'identifiant et la classe en HTML

青灯夜游
青灯夜游original
2021-11-18 11:19:3116776parcourir

Différences : 1. La portée de la classe est plus grande que celle de l'identifiant. L'ID est unique et ne peut être appelé qu'une seule fois dans une page, tandis que la classe peut être appelée plusieurs fois. 2. Le sélecteur de style CSS correspondant à l'identifiant est " ; #" , et le sélecteur de style correspondant à la classe en CSS est "."; 3. La priorité du sélecteur d'identifiant est supérieure à celle du sélecteur de classe.

Quelle est la différence entre l'identifiant et la classe en HTML

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

Comparaison de la classe et de l'identifiant en HTML :

1. La portée de l'effet est différente :

La portée de la classe est plus grande que l'identifiant, l'identifiant représente un identifiant unique, tout comme notre carte d'identité personnelle , est unique et ne peut être appelé qu'une seule fois dans une page. Généralement, une page Web ne possède pas deux identifiants ou plus. La portée de la classe est plus large. Class est une étiquette de classe et peut être appelée plusieurs fois dans une interface. Peut être réutilisé.

2. La syntaxe utilisée est différente :

Comment utiliser le sélecteur d'identifiant en CSS, par exemple en utilisant div comme exemple : (Par exemple, il y a div id=‘i’…div class=‘c’…deux boîtes div respectivement, et la méthode de citation en CSS est la suivante :)

.c{
属性:属性值;
} 
#i{
属性:属性值;
}

3. Les priorités sont différentes :

La priorité du sélecteur d'identifiant est supérieure à la priorité du sélecteur de classe. Pour les plus importants, vous pouvez utiliser le sélecteur d'identifiant.

Tutoriel recommandé : "Tutoriel vidéo HTML"

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn