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

WBOY
Libérer: 2022-03-16 11:41:37
original
3242 Les gens l'ont consulté

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{
属性:属性值;
}
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal