28106 sujets

CSS et mise en forme, CSS3

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
Bonjour,
Retour d'un petit break d'une semaine.. je relis.. je pars du css.. et rajoute au fur et à mesure..et voilà l'erreur dans le début d'un commentaires : deux slash au lieu d'un

//**
 * ------------------------
 * --- TABLE OF CONTENT ---
 * ------------------------
 */

au lieu de :

/**
 * ------------------------

Cordialement
Modifié par cpalo (21 Aug 2017 - 15:05)