33
Des styles qui atteignent leur cible
de.votre.site.s’affiche.en.noir,.à.l’exception.du.texte.d’introduction,.que.vous.voulez.gris..
Vous.pouvez.alors.procéder.de.la.manière.suivante :
p {color: black;}
p.intro {color: grey;}
Cette. approche. convient. pour. les. petits. sites. mais,. avec. ceux. de. grande. taille,. vous. rencontrerez.un.nombre.toujours.plus.important.d’exceptions..Le.texte.d’introduction.de.vos.
articles.de.news.devra.s’afficher.en.bleu,.le.texte.d’introduction.de.votre.page.d’accueil.s’affichera.sur.un.arrière-plan.gris,.etc..Chaque.fois.que.vous.créerez.un.style.plus.spécifique,.
vous. aurez. besoin. de. redéfinir. certaines. des. règles. générales.. Rapidement,. la. quantité. de.
code.pourra.devenir.considérable..Tout.peut.aussi.sérieusement.se.compliquer.parce.qu’un.
élément.peut.récupérer.des.styles.à.différents.emplacements.
Pour.éviter.la.confusion,.essayez.de.vous.assurer.que.vos.styles.généraux.sont.très.généraux.
et.que.les.styles.spécifiques.le.sont.autant.que.possible.et.n’ont.jamais.besoin.d’être.euxmêmes.redéfinis..Si.vous.constatez.que.vous.devez.redéfinir.des.styles.généraux.plusieurs.
fois,.mieux.vaut.supprimer.la.déclaration.à.redéfinir.dans.les.règles.générales.et.l’appliquer.
explicitement.à.chaque.élément.qui.la.requiert.
Ajouter une classe ou un ID à la balise body
L’un.des.moyens.intéressants.d’exploiter.la.spécificité.consiste.à.appliquer.une.classe.ou.un.
ID.à.la.balise.body..Vous.pouvez.ensuite.redéfinir.des.styles.page.par.page.ou.même.pour.
tout.le.site..Par.exemple,.si.vous.souhaitez.que.toutes.vos.nouvelles.pages.possèdent.une.
disposition.particulière,.vous.pouvez.ajouter.un.nom.de.classe.à.l’élément.body.et.l’utiliser.
pour.cibler.vos.styles :
body.news {
/* faire quelque chose */
}
Vous.aurez.parfois.besoin.de.redéfinir.ces.styles.dans.une.page.particulière,.comme.votre.
page.d’archive.des.news..Dans.ce.cas,.vous.pouvez.ajouter.un.ID.à.la.balise.body.afin.de.
cibler.cette.page.
body.news {
/* faire quelque chose */
}
body#archive {
/* faire autre chose */
}
Des styles qui atteignent leur cible
de.votre.site.s’affiche.en.noir,.à.l’exception.du.texte.d’introduction,.que.vous.voulez.gris..
Vous.pouvez.alors.procéder.de.la.manière.suivante :
p {color: black;}
p.intro {color: grey;}
Cette. approche. convient. pour. les. petits. sites. mais,. avec. ceux. de. grande. taille,. vous. rencontrerez.un.nombre.toujours.plus.important.d’exceptions..Le.texte.d’introduction.de.vos.
articles.de.news.devra.s’afficher.en.bleu,.le.texte.d’introduction.de.votre.page.d’accueil.s’affichera.sur.un.arrière-plan.gris,.etc..Chaque.fois.que.vous.créerez.un.style.plus.spécifique,.
vous. aurez. besoin. de. redéfinir. certaines. des. règles. générales.. Rapidement,. la. quantité. de.
code.pourra.devenir.considérable..Tout.peut.aussi.sérieusement.se.compliquer.parce.qu’un.
élément.peut.récupérer.des.styles.à.différents.emplacements.
Pour.éviter.la.confusion,.essayez.de.vous.assurer.que.vos.styles.généraux.sont.très.généraux.
et.que.les.styles.spécifiques.le.sont.autant.que.possible.et.n’ont.jamais.besoin.d’être.euxmêmes.redéfinis..Si.vous.constatez.que.vous.devez.redéfinir.des.styles.généraux.plusieurs.
fois,.mieux.vaut.supprimer.la.déclaration.à.redéfinir.dans.les.règles.générales.et.l’appliquer.
explicitement.à.chaque.élément.qui.la.requiert.
Ajouter une classe ou un ID à la balise body
L’un.des.moyens.intéressants.d’exploiter.la.spécificité.consiste.à.appliquer.une.classe.ou.un.
ID.à.la.balise.body..Vous.pouvez.ensuite.redéfinir.des.styles.page.par.page.ou.même.pour.
tout.le.site..Par.exemple,.si.vous.souhaitez.que.toutes.vos.nouvelles.pages.possèdent.une.
disposition.particulière,.vous.pouvez.ajouter.un.nom.de.classe.à.l’élément.body.et.l’utiliser.
pour.cibler.vos.styles :
body.news {
/* faire quelque chose */
}
My, what a lovely body you have.
Vous.aurez.parfois.besoin.de.redéfinir.ces.styles.dans.une.page.particulière,.comme.votre.
page.d’archive.des.news..Dans.ce.cas,.vous.pouvez.ajouter.un.ID.à.la.balise.body.afin.de.
cibler.cette.page.
body.news {
/* faire quelque chose */
}
body#archive {
/* faire autre chose */
}
My, what a lovely body you have.