|
Ils définissent la portée de la règle.
Ils peuvent être de trois formes :
- Éléments (balises HTML). Ils peuvent
être
- seuls
Ex. : P {color:red}
- enchassés
Ex. : P I {color:red} Notez l'absence de virgule. Seuls
les mots en italique à l'intérieur de
la balise <P> sera en rouge ; les autres resteront
noirs.
- Classes. Elles sont marquées par un point
(.). Elles peuvent se présenter
sous deux formes :
- absolues
Ex. : .debut {color:red} et, plus loin dans le <BODY>,
<SPAN class="debut"> ou <P class="debut">.
- en relation avec une balise
Ex. : P.debut {color:red}</STYLE> et, plus loin
dans le <BODY>, <P class="debut">
Attention, on ne peut pas spécifier plus d'une
classe par balise (P.debut.fin est impossible)
- Identificateurs. Ils sont marqués par un
dièse (#)
Ex. : #debut{color:red} et, plus loin dans le <BODY>,
<SPAN id="debut">
- Pseudo-classes Il s'agit de sélecteurs précis
dans leurs limites et dans leur fonction
Ainsi les liens peuvent être «stylés»
en fonction de leur état
- Le sélecteur pour les liens normaux est A:link
- Le sélecteur pour les liens visité est
A:visited
- Le sélecteur pour les liens actifs est A:active
- Pseudo-éléments
- :first-line définit
le style de la première ligne du document ou
d'un passage
- :first-letter crée
des lettrines et autres effets spéciaux sur la
première lettre d'un document ou d'un passage
Exemple emprunté au W3C:
<HTML>
<HEAD>
<TITLE>Title</TITLE>
<STYLE TYPE="text/css">
P {font-size:12pt; line-height:12p}
P:first-letter {font-size:200%; float:left}
SPAN {text-transform:uppercase}
</STYLE>
</HEAD>
<BODY>
<P><SPAN>The first</SPAN> few words of an
article in The Economist.</P>
</BODY>
</HTML>
Ces sélecteurs peuvent
être groupés.
Ex.: P, H1, H2, .s1 {color:red}
|
