Maison >interface Web >Questions et réponses frontales >Quelle est la différence entre la classe et l'identifiant en HTML5

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

WBOY
WBOYoriginal
2022-03-16 11:41:373266parcourir

Différences : 1. Différentes portées, la classe a une portée plus grande, tandis que l'identifiant a une portée plus petite ; 2. Différents niveaux de priorité, le sélecteur d'identifiant a une priorité plus élevée, tandis que le sélecteur de classe a une priorité inférieure ; en CSS, la classe est sélectionnée par "." et l'identifiant est sélectionné par "#".

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

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.

Quelle est la différence entre class et id en HTML5 ?

id

est un identifiant unique, similaire à notre numéro d'identification. Nous pouvons rapidement obtenir l'objet label et opérer dessus.

Lorsque nous utilisons id pour modifier le style de l'étiquette, nous utilisons #id pour le représenter

Class

pointe vers une classe, c'est-à-dire que s'il y a quatre étiquettes avec le même style, nous l'utilisons pour Pour plus de commodité, placez les styles de ces quatre balises dans une classe. Si nécessaire, nous laissons directement les balises hériter de cette classe Class pour réduire la quantité de code. Si nous avons encore besoin de contrôler avec précision les quatre balises, nous pouvons utiliser id avec class. pour contrôler une étiquette en même temps !

Lorsque nous utilisons Class pour modifier le style de l'étiquette, nous utilisons .Class pour le représenter

La différence est la suivante :

  • La portée de l'action est différente : la portée de la classe est plus grande que celle de l'identifiant, et l'identifiant représente un identifiant unique, comme nos cartes d'identité personnelles, elles sont uniques et ne peuvent être appelées qu'une seule fois sur 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é.

  • 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.

  • La syntaxe utilisée est différente : la façon dont le sélecteur d'identifiant est utilisé en CSS, par exemple en utilisant div comme exemple : (Par exemple, il y a deux boîtes div : div id='i'... et div class ='c'... respectivement, La méthode citée en css est la suivante :)

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

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