Introduction aux feuilles de styles CSS
CHAPITRE 3
51
de la manière suivante :
D’autres propriétés raccourcies pourront s’avérer bien utiles :
• border pour border-width, border-style, border-color.
• background pour background-image, background-color, background-position,
background-repeat, background-attachment.
Ces exemples sont donnés à titre indicatif et pour illustrer le principe de regroupement. Toutes ces propriétés seront détaillées ultérieurement.
Les sélecteurs et l’arborescence
Certaines des constructions syntaxiques spécifiques facilitent la sélection des éléments en CSS.
Selon la structure du document et principalement son arborescence (c’est-à-dire la
hiérarchie des blocs, chacun étant placé « sous » l’éventuel bloc qui le contient), il est
possible de pointer directement certains éléments en fonction de leur situation dans
le document. Cette technique porte le nom de « sélection hiérarchique ».
Cet ouvrage ne visant, rappelons-le, ni à l’exhaustivité ni au rôle de manuel de référence des spécificités de CSS, nous n’aborderons que certaines de ces règles les plus
utiles ou les plus courantes.
L’arborescence du document permet de sélectionner plus aisément les divers éléments que l’on souhaite modifier. On peut comme cela se limiter aux balises dotées
de certaines classes ou de certains identificateurs. Ainsi :
ne désignera que les liens de classe toto.
p {
font-family: Arial, sans-serif;
font-style: italic;
font-weight: bold;
font-size: 120%;
line-height: 140%;
}
p {
font : italic bold 120%/140% Arial, sans-serif;
}
a.toto {background-color: yellow;}