En CSS, les sélecteurs sont utilisés pour cibler les éléments HTML auxquels les styles doivent être appliqués. Voici les principaux types de sélecteurs :

Sélecteur de type : Il cible tous les éléments d’un type spécifique.

p {
    color: blue;
}

Sélecteur de classe : Il cible les éléments ayant une classe spécifique. Les classes sont définies avec un point (.) suivi du nom de la classe.

.highlight {
    background-color: yellow;
}

Sélecteur d’identifiant : Il cible un élément unique avec un identifiant spécifique. Les identifiants sont définis avec un dièse (#) suivi du nom de l’identifiant.

#header {
    font-size: 24px;
}

Sélecteur universel : Il cible tous les éléments.

* {
    margin: 0;
    padding: 0;
}

Sélecteur d’attribut : Il cible les éléments ayant un attribut spécifique ou une valeur d’attribut spécifique.

[type="text"] {
    border: 1px solid #000;
}

Sélecteur de descendant : Il cible les éléments descendants d’un élément parent spécifique.

div p {
    color: red;
}

Sélecteur de fils direct : Il cible les éléments qui sont des fils directs d’un élément parent.

ul > li {
    list-style-type: none;
}

Sélecteur de groupe : Il permet de regrouper plusieurs sélecteurs pour appliquer le même style à différents éléments.

h1, h2, h3 {
    font-family: Arial, sans-serif;
}