CSS Id et Classe

CSS Id et Classe

Les sélecteurs id et class

En plus de définir un style pour un élément HTML, CSS vous permet de spécifier vos propres sélecteurs appelés "id" et "classe".

---

Le sélecteur d'ID

Le sélecteur d'ID est utilisé pour spécifier un style pour un seul élément unique.

Le sélecteur d'ID utilise l'attribut id de l'élément HTML, et est définie par un "#".

La règle de style ci-dessous sera appliqué à l'élément avec id = "para1":

Exemple

#para1
{
text-align:center;
color:red;
}

Essayez vous-même »

Ne PAS commencer un nom d'identification avec un certain nombre! Il ne fonctionne pas dans Mozilla / Firefox.

---

Le sélecteur de classe

Le sélecteur de classe est utilisé pour spécifier un style pour un groupe d'éléments. Contrairement à la sélection id, le sélecteur de classe est le plus souvent utilisé sur plusieurs éléments.

Cela vous permet de définir un style particulier pour de nombreux éléments HTML avec la même classe.

Le sélecteur de classe utilise l'attribut HTML class, et est définie par un "."

Dans l'exemple ci-dessous, tous les éléments HTML avec class = "centre" sera aligné au centre:

Exemple

.center {text-align:center;}

Essayez vous-même »

Vous pouvez également spécifier que seuls des éléments HTML spécifiques devraient être affectés par une classe.

Dans l'exemple ci-dessous, tous les éléments p avec class = "center" sera aligné au centre:

Exemple

p.center {text-align:center;}

Essayez vous-même »

Ne PAS démarrer un nom de classe avec un certain nombre! Ce n'est supportée que dans Internet Explorer.