Les en-têtes h2 à h4 ne sont pas de la bonne couleur, il y a peut-être une erreur de syntaxe quelque part?

Question

Je ne peux pas résoudre celui-ci. Mes en-têtes de h2 à h4 sont de couleur blanche au lieu de noire. Tout semble fonctionner comme il se doit lorsque je supprime color: white; d'une classe qui n'est même pas utilisée sur la page (mais qui est dans la feuille de style) :

.right_content_default h1,h2,h3,h4,h5,h6 {
    color: white;
}

La seule chose à laquelle je peux penser est un problème de syntaxe possible, mais je ne peux pas le localiser dans la feuille de style.

Voici le fiddle : jsfiddle

Answer 1

Votre sélecteur recherche "h1 à l'intérieur de .right_content_default, ou n'importe lequel de h2, h3, h4, h5, h6". Rien ne lui indique d'appliquer la couleur blanche uniquement aux titres à l'intérieur de cette classe, autre que h1.

Le CSS correct est :

.right_content_default h1, .right_content_default h2, .right_content_default h3,
.right_content_default h4, .right_content_default h5, .right_content_default h6 {
    color:white
}

Mais dans certains navigateurs vous pouvez faire ceci :

.right_content_default :matches(h1,h2,h3,h4,h5,h6) {color:white}

Answer 2

Essayez ceci :

      .right_content_default h1,
      .right_content_default h2,
      .right_content_default h3,
      .right_content_default h4,
      .right_content_default h5,
      .right_content_default h6 {
       couleur: blanc;
      }