Regroupement de sélecteurs de classes

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 !

Bonjour, presque...

.page-A h1, .page-B h1 {color :#fff;}

Ou juste :

h1 {color :#fff;}

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)