[Résolu] Classe css non pris en compte

Bonjour
Une seule classe est prise en compte suivant l'ordre des règlesclasses;

<header class="bg-SiteHeader" role="banner">
    <div class="layout--inner">	
	    <h1 class="as-siteTitle">Test siteTitle</h1>
	    <p class="as-subTitle">Test subTitle</p>
    </div>
</header>

le code css de base :

body {
    font-size: 1rem;	
    line-height: 1.5;
    margin: 0;
}
h1 {
    font-size: 2.5rem;	
    line-height: 1;
    margin:  1.88rem 0 .94rem 0;	
}

Si je rajoute ce css dans cet ordre pour personnaliser le header, seul la classe as-subTitle est prise en compte:

h1.as-siteTitle {
    margin: 0;
    font-size: 3.13rem;		
    color: red;
}
p.as-subTitle {
    margin: 0;
    font-size: 1.25rem;		
    color: yellow;
}

Maintenant si je les écris dans cet ordre, seule la classe as-siteTitle sera prise en compte :

p.as-subTitle {
    margin: 0;
    font-size: 1.25rem;		
    color: yellow;
}
h1.as-siteTitle {
    margin: 0;
    font-size: 3.13rem;		
    color: red;
}

Modifié par cpalo (11 Aug 2017 - 17:47)

je vais "relire" tout mon code.; et si je ne trouve pas je mettrai en ligne le site de test