La différence entre le sélecteur d'identifiant CSS et le sélecteur de classe

La section précédente a présenté plusieurs sélecteurs de base. Cette section partage la différence entre id et class

Les attributs id et class sont deux attributs courants dans les pages Web. Ils fonctionnent ensemble pour rendre la page entière colorée. . Lorsque nous définissons un style pour un élément. Vous pouvez utiliser l'identifiant ou la classe. Mais il faut aussi faire attention à la différence entre les deux.

1. Lors de l'écriture dans une feuille de style CSS, le symbole de préfixe « # » doit être ajouté devant le sélecteur d'identifiant et le symbole de préfixe « . » doit être ajouté devant le sélecteur de classe.

2. L'attribut id ne peut généralement être utilisé qu'une seule fois dans une page, tandis que la classe peut être référencée plusieurs fois.

3. ID est utilisé comme balise d'un élément pour distinguer différentes structures et contenus, tandis que la classe est un style qui peut être appliqué à n'importe quelle structure et contenu.

4. En termes d'idées de mise en page, le principe est généralement respecté : id détermine d'abord la structure et le contenu de la page, puis définit un style pour celle-ci : au contraire, la classe définit un type de style. d'abord, puis appliquez les styles de classe à différents éléments et contenus de la page selon vos besoins.

5. Actuellement, les navigateurs permettent à plusieurs identifiants avec la même valeur d'attribut d'apparaître sur la même page. Dans des circonstances normales, il peut être affiché normalement. Cependant, lors de l'utilisation de JavaScript pour contrôler les éléments via les identifiants, des erreurs se produiront. .

6. Dans l'application réelle, la classe est plus souvent utilisée dans les sections de texte et les modifications de page, tandis que l'identifiant est plus souvent utilisé pour implémenter des mises en page globales et une conception contenant des blocs ou des styles de boîtes contenant.

Remarque :

ID a les caractéristiques de haute priorité et d'unicité. "individuel".
Par rapport à l'ID, la priorité de classe est relativement modérée, faisant spécifiquement référence à des « groupes spécifiques ».
L'utilisation de Class nécessite de faire référence à des concepts abstraits orientés objet et d'abstraire les attributs communs.

L'ID consiste d'abord à trouver la structure/le contenu, puis à définir son style
La classe consiste d'abord à définir un style, puis à l'appliquer à plusieurs structures/contenus ; .