30
Maîtrise des CSS
Cette.information.peut.ensuite.être.signalée.grâce.à.une.icône.particulière.affichée.à.côté.du.
nom.du.collègue.
.blogroll a[rel~="co-worker"] {
background: url(co-worker.gif) no-repeat left center;
}
Cascade et spécificité
Avec.une.feuille.de.styles.même.moyennement.compliquée,.il.peut.arriver.que.deux.règles.
ciblent.le.même.élément..Les.CSS.gèrent.ces.conflits.par.le.biais.d’un.processus.appelé.cascade..La.cascade.attribue.une.importance.à.chaque.règle..Les.feuilles.de.styles.auteur.sont.
celles.écrites.par.les.développeurs.de.site.et.sont.considérées.comme.les.plus.importantes..
Les.utilisateurs.peuvent.appliquer.leurs.propres.styles.via.le.navigateur.et.ces.feuilles.viennent.en.second.rang..Pour.finir,.les.feuilles.de.styles.par.défaut.utilisées.par.le.navigateur.ou.
l’agent.utilisateur.sont.considérées.comme.les.moins.importantes,.de.sorte.qu’il.est.toujours.
possible.de.les.redéfinir..Pour.mieux.contrôler.l’affichage,.les.utilisateurs.peuvent.redéfinir.
des. règles. en. les. marquant. avec.!important.. Ces. règles. redéfinissent. même. celles. marquées.comme.!important.par.l’auteur..Cette.liberté.est.offerte.pour.des.besoins.spécifiques.
en.termes.d’accessibilité,.comme.des.feuilles.de.styles.à.contraste.élevé.pour.les.problèmes.
de.dyslexie..
La.cascade.respecte.donc.l’ordre.de.priorité.suivant :.
• les.styles.utilisateur.marqués.comme.!important ;
• les.styles.auteur.marqués.comme.!important ;
• les.styles.auteur ;
• les.styles.utilisateur ;
• les.styles.appliqués.par.le.navigateur/l’agent.utilisateur.
Les.règles.sont.ensuite.ordonnées.en.fonction.de.la.spécificité.du.sélecteur..Les.règles.aux.
sélecteurs.plus.spécifiques.redéfinissent.celles.dont.les.sélecteurs.sont.moins.spécifiques..
Maîtrise des CSS
Cette.information.peut.ensuite.être.signalée.grâce.à.une.icône.particulière.affichée.à.côté.du.
nom.du.collègue.
.blogroll a[rel~="co-worker"] {
background: url(co-worker.gif) no-repeat left center;
}
Cascade et spécificité
Avec.une.feuille.de.styles.même.moyennement.compliquée,.il.peut.arriver.que.deux.règles.
ciblent.le.même.élément..Les.CSS.gèrent.ces.conflits.par.le.biais.d’un.processus.appelé.cascade..La.cascade.attribue.une.importance.à.chaque.règle..Les.feuilles.de.styles.auteur.sont.
celles.écrites.par.les.développeurs.de.site.et.sont.considérées.comme.les.plus.importantes..
Les.utilisateurs.peuvent.appliquer.leurs.propres.styles.via.le.navigateur.et.ces.feuilles.viennent.en.second.rang..Pour.finir,.les.feuilles.de.styles.par.défaut.utilisées.par.le.navigateur.ou.
l’agent.utilisateur.sont.considérées.comme.les.moins.importantes,.de.sorte.qu’il.est.toujours.
possible.de.les.redéfinir..Pour.mieux.contrôler.l’affichage,.les.utilisateurs.peuvent.redéfinir.
des. règles. en. les. marquant. avec.!important.. Ces. règles. redéfinissent. même. celles. marquées.comme.!important.par.l’auteur..Cette.liberté.est.offerte.pour.des.besoins.spécifiques.
en.termes.d’accessibilité,.comme.des.feuilles.de.styles.à.contraste.élevé.pour.les.problèmes.
de.dyslexie..
La.cascade.respecte.donc.l’ordre.de.priorité.suivant :.
• les.styles.utilisateur.marqués.comme.!important ;
• les.styles.auteur.marqués.comme.!important ;
• les.styles.auteur ;
• les.styles.utilisateur ;
• les.styles.appliqués.par.le.navigateur/l’agent.utilisateur.
Les.règles.sont.ensuite.ordonnées.en.fonction.de.la.spécificité.du.sélecteur..Les.règles.aux.
sélecteurs.plus.spécifiques.redéfinissent.celles.dont.les.sélecteurs.sont.moins.spécifiques..