Différence entre la classe et l'ID

Classe VS ID

Les feuilles de style en cascade (CSS) sont une langue qui décrit l'apparence et la mise en forme d'un document écrit à l'aide d'une langue de balisage. CSS est largement utilisé pour styliser les pages Web écrites en HTML. CSS permet de spécifier vos propres sélecteurs de style en plus d'appliquer des styles pour les éléments HTML. Cela se fait à l'aide des sélecteurs d'identification et de classe. Lorsque vous spécifiez un style pour un seul élément unique, le sélecteur d'ID est utilisé. Lorsque vous spécifiez un style pour un groupe d'éléments, le sélecteur de classe est utilisé.

Qu'est-ce qu'une classe?

Dans CSS, le sélecteur de classes peut être utilisé pour appliquer votre propre style à un groupe d'éléments. Le sélecteur de classe est utilisé pour appliquer un style spécifique à un ensemble d'éléments avec la même classe. Dans CSS, un sélecteur de classe est identifié par un arrêt complet (.). Voici un exemple d'un sélecteur de classe défini dans CSS.

.Ma classe

Couleur bleue;

Police-poids: Bold;

HTML peut se référer à la classe définie dans CSS en utilisant la classe d'attribut comme indiqué.

C'est mon formatage

Ceci est à nouveau mon formatage

Comme indiqué ci-dessus, la même classe pourrait être utilisée pour plusieurs éléments et un seul élément peut utiliser plusieurs classes. Lorsque plusieurs classes sont utilisées dans le même élément, les classes sont insérées dans l'attribut de classe délimité par un espace comme indiqué.

Ceci est mon formatage en utilisant deux classes

Qu'est-ce qu'un identifiant?

Dans CSS, le sélecteur d'identification peut être utilisé pour appliquer votre propre style à un seul élément unique. Dans CSS, un sélecteur d'identification est identifié par un hachage (#). Voici un exemple d'un sélecteur d'identification défini dans CSS.

#ma pièce d'identité

La couleur rouge;

Texte-aligne: à droite;

HTML peut se référer au sélecteur d'ID défini dans CSS en utilisant l'ID d'attribut comme indiqué.

Ceci est mon format de format un sélecteur d'identification

Les identifiants sont uniques. Par conséquent, chaque élément ne peut avoir qu'un seul ID et chaque page ne peut avoir qu'un seul élément avec cet ID spécifique. Les ID ont une caractéristique importante qui peut être utilisée avec un navigateur. Si l'URL de la page contient une valeur de hachage (E.g. http: // myweb.com # my_id) Le navigateur essaiera de localiser automatiquement l'élément avec l'ID «My_ID» et fait défiler la page Web pour afficher cet élément. C'est une des raisons pour lesquelles la page devrait avoir un seul élément avec cet ID spécifique, afin que le navigateur puisse localiser cet élément.

Quelle est la différence entre la classe et l'ID?

Même si le sélecteur de classe et le sélecteur d'identification peuvent être utilisés pour appliquer votre propre style aux éléments d'une page Web, ils ont des différences importantes. Le sélecteur de classe peut être utilisé pour appliquer votre propre style à un groupe d'éléments, tandis que le sélecteur d'identité est utilisé pour appliquer un style à un seul élément unique. Lorsque vous utilisez des ID, chaque élément ne peut avoir qu'un seul ID et chaque page ne peut avoir qu'un seul élément avec cet ID spécifique, mais la classe peut être utilisée pour plusieurs éléments et un seul élément peut utiliser plusieurs classes. De plus, ID peut être utilisé pour faire défiler automatiquement une page pour afficher l'élément avec cet ID, mais cela n'est pas possible avec le sélecteur de classe.