Maison >interface Web >Questions et réponses frontales >Quelle est la différence entre la classe et l'identifiant en HTML5
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 "#".
L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.
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!