Les feuilles de styles CSS
DEUXIÈME PARTIE
52
Conséquences :
• lien à fond jaune
arborera un arrière-plan jaune.
•
ne subira aucune modification.
•
ne subira aucune modification non plus.
L’imbrication dans les sélecteurs permet aux règles CSS de ne concerner que les éléments descendant d’autres éléments précis. On peut ainsi ne cibler que les paragraphes contenus dans un bloc
DEUXIÈME PARTIE
52
Conséquences :
• lien à fond jaune
arborera un arrière-plan jaune.
•
paragraphe à fond jaune?
ne subira aucune modification.
•
ne subira aucune modification non plus.
L’imbrication dans les sélecteurs permet aux règles CSS de ne concerner que les éléments descendant d’autres éléments précis. On peut ainsi ne cibler que les paragraphes contenus dans un bloc
sans influencer les autres paragraphes du document. Pour cela, on écrira le sélecteur sous la forme « ancêtre descendant » en
séparant ces deux éléments d’un blanc.
Ainsi, la règle a img {border-width: 0;} ne supprimera que les bordures des
images contenues dans un lien. Il est impératif que la balise![]()
descende de la
balise pour que la règle s’applique.
Il n’est toutefois pas nécessaire que ces deux balises descendent directement l’une de
l’autre : un ancêtre plus lointain conviendra.
Simplifier grâce à la hiérarchie
Dans un site web bien architecturé, cette méthode permet d’éviter le recours aux
classes dans la plupart des cas. Vous vous épargnerez ainsi bien du code inutile et travaillerez plus rapidement et plus efficacement. En effet, on peut très facilement simplifier des structures comme celle-ci :
sous une forme ne faisant pas appel aux classes sur les liens :
séparant ces deux éléments d’un blanc.
Ainsi, la règle a img {border-width: 0;} ne supprimera que les bordures des
images contenues dans un lien. Il est impératif que la balise
balise pour que la règle s’applique.
Il n’est toutefois pas nécessaire que ces deux balises descendent directement l’une de
l’autre : un ancêtre plus lointain conviendra.
Simplifier grâce à la hiérarchie
Dans un site web bien architecturé, cette méthode permet d’éviter le recours aux
classes dans la plupart des cas. Vous vous épargnerez ainsi bien du code inutile et travaillerez plus rapidement et plus efficacement. En effet, on peut très facilement simplifier des structures comme celle-ci :
sous une forme ne faisant pas appel aux classes sur les liens :