|
Choisir
un type de sélecteur
Le plus simple est d'utiliser un sélecteur
de type portant sur une balise HTML présente
dans le document. Ainsi en utilisant le style P{color
:blue}, tous les textes des paragraphes <P>
seront de couleur bleu.
Il peut arriver que vous vouliez faire porter un style
sur toutes les balises. Dans ce cas vous pourrez utiliser
un sélecteur universel (signe *).
Au contraire, il se peut que vous vouliez cibler vos
styles et les appliquer à certaines balises
HTML. Dans ce cas il sera bon d'utiliser des
sélecteurs de classe (du type .classe).
Ainsi, la règle P.indentation (text-indent
: 5%) ne s'appliquera qu'au balises paragraphe
<P> portant l'attribut <P class=indentation>.
Pour cibler encore plus précisément
un style, on peut utiliser un sélecteur
d'ID associé à une seule et
unique balise (<P id=titre>). Cela sera utile
notamment dans l'animation des boîtes en
DHTML.
Quand
une seule balise HTML peut avoir plusieurs états
(Comme la balise lien <A>), il existe des pseudo-classes
permettant d'associer un style aux différents
états d'une balise. Les liens non visités,
actifs, visités et survolés auront dans
l'ordre les sélecteurs suivant : A :link
; A :active, A :visited, A :hover...
Il est également possible d'associer des
sélecteurs pour faire porter un style selon
le contexte. Ainsi la règle H2 + P {font-weight
: 400} appliquera un style gras uniquement au paragraphe
<P> suivant immédiatement un titre de
niveau 2 <H2>.
Pour finir ce tour d'horizon, il faut parler
de la possibilité de combiner les sélecteurs
portant tous le même style. La règle
H1, H2, H3, H4, H5, H6 {font-size : 36 pt} donnera
à tous les titre H une taille de 36 points.
|
