264
Maîtrise des CSS
Figure 11.9
Le bloc de citation est
partiellement masqué
par le lien Home.
À.présent,.l’élément.blockquote.se.trouve.au-dessus.de.la.barre.de.navigation.principale,.
comme.le.montraient.les.précédents.exemples.(voir.Figure 11.7).
Ciblage stratégique des éléments
Nous.avons.vu.précédemment.combien.il.était.efficace.d’utiliser.des.sélecteurs.descendants.
pour. contrôler. la. mise. en. forme. de. la. navigation. principale. en. fonction. de. la. classe. de.
l’élément.body.de.chaque.page..Ici,.nous.allons.voir.encore.comment.des.choix.réfléchis.
au.niveau.du.code.HTML.peuvent.offrir.une.grande.flexibilité.de.contrôle.avec.des.sélecteurs.descendants.et.comment.ce.système.forme.la.base.d’un.contrôle.plus.avancé.grâce.au.
ciblage.des.éléments..
Sélecteurs descendants profonds
Pour.commencer,.disposons.les.fondations..Du.côté.droit.du.site.figure.le.panneau.jaune.
clair.Members’.Routes.(itinéraires.des.membres),.qui.présente.les.randonnées.transmises.
par.d’autres.utilisateurs.du.site..Il.n’y.a.rien.de.particulièrement.remarquable.dans.le.code,.
mais.examinons-le.pour.mieux.comprendre.les.prouesses.que.nous.allons.réaliser.à.l’aide.
de.sélecteurs.plus.loin..
Vous.remarquerez.que.plusieurs.éléments,.comme.h3,.p.et.img,.sont.regroupés.dans.chaque.
élément.de.liste.à.puces..J’ai.souvent.été.surpris.de.voir.que.des.développeurs.ne.savaient.
pas.qu’il.était.possible.d’ajouter.toutes.sortes.d’éléments.intéressants.dans.l’élément.li..Le.
plus.souvent,.vous.ne.découvrirez.que.des.éléments.a.et.parfois.img,.mais.en.réalité,.on.peut.
faire.bien.plus..