28106 sujets

CSS et mise en forme, CSS3

Bonjour

Une question a priori tout bête mais que je n'arrive pas à résoudre : comment regrouper les classes dans ma feuille de style pour viser un sélecteur enfant ?

En clair :
- j'ai 2 pages avec pour l'une le sélecteur
.page-A
et pour l'autre
.page-B

- je souhaite pour ces 2 pages mettre le titre h1 en blanc
> comment faire pour éviter de répéter
.page-A h1 {color :#fff;}
puis
.page-B h1 {color :#fff;}
dans ma feuille de style ?

Je pensais que c'était bêtement
.page-A,.page-B h1 {color :#fff;}
mais ça ne fonctionne pas.
Où est l'erreur ? D'avance merci !
thierry a écrit :
Ou juste :

h1 {color :#fff;}

Oui, sauf si l'on est obligé de sursélectionner pour passer outre les premières règles.

Sinon, un sélecteur permettant de cibler spécifiquement les deux classes en même temps :
[class^="page"] h1 {
    /* code css */
}

Modifié par Olivier C (27 Sep 2018 - 22:14)