Différence entre la classe et l'ID

Classe vs ID

Les feuilles de style en cascade (CSS) sont un langage qui décrit l'aspect et le formatage d'un document écrit à l'aide d'un langage de balisage. CSS est largement utilisé pour styler 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. Ceci est fait en utilisant les sélecteurs d'identifiant et de classe. Lorsque vous spécifiez un style pour un élément unique unique, le sélecteur d'identifiant 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??

En CSS, le sélecteur de classe peut être utilisé pour appliquer votre propre style à un groupe d'éléments. Le sélecteur de classe permet d’appliquer un style spécifique à un ensemble d’éléments de même classe. En CSS, un sélecteur de classe est identifié par un point final (.). Voici un exemple de sélecteur de classe défini en CSS.

.Ma classe

Couleur bleue;

poids de police: gras;

HTML peut faire référence à la classe définie en CSS en utilisant la classe d'attribut comme indiqué ci-dessous.

C'est ma mise en forme

C'est encore ma mise en forme

Comme indiqué ci-dessus, la même classe peut ê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 class délimité par un espace, comme indiqué ci-dessous..

Ceci est mon formatage en utilisant deux classes

Qu'est-ce qu'un identifiant??

En CSS, ID Selector peut être utilisé pour appliquer votre propre style à un seul élément. En CSS, un sélecteur d'identifiant est identifié par un dièse (#). Voici un exemple de sélecteur d'identifiant défini dans CSS.

#ma pièce d'identité

La couleur rouge;

text-align: right;

HTML peut faire référence au sélecteur d'identifiant défini dans CSS en utilisant l'attribut id comme indiqué ci-dessous.

Ceci est mon formatage un sélecteur d'identifiant

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 identifiants ont une caractéristique importante qui peut être utilisée avec un navigateur. Si l'URL de la page contient une valeur de hachage (par exemple, http: //myweb.com#my_id), le navigateur essaiera de localiser automatiquement l'élément avec l'ID «my_id» et fera défiler la page Web pour afficher cet élément. Ceci 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 Class et ID?

Même si le sélecteur de classe et le sélecteur d'ID peuvent être utilisés pour appliquer votre propre style aux éléments d'une page Web, ils présentent 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'identifiant sert à appliquer un style à un seul élément. Lors de l'utilisation d'identifiants, chaque élément ne peut avoir qu'un seul identifiant et chaque page ne peut avoir qu'un seul élément portant cet identifiant spécifique, mais Class peut être utilisé pour plusieurs éléments et un même élément peut utiliser plusieurs Classes. De plus, ID peut être utilisé pour faire défiler une page automatiquement pour afficher l'élément avec cet ID, mais cela n'est pas possible avec le sélecteur de classe..