Styles contextuels

Un style contextuel permet de changer l'apparence d'un objet A uniquement s'il est précédé d'un objet B. La déclaration de ce type de style se fait de la façon suivante:
objet_A objet_B: {définition de style}

Exemple:

<STYLE TYPE="text/css">
    H1 I {color: green;}
    UL UL LI {color: blue;}
</STYLE>

Dans l'exemple précédent les éléments délimités par la balise <I> seront en vert uniquement si cette balise est contenue dans une balise <H1>.
De même, les items d'une sous-liste (liste contenu dans une autre) seront bleus.

Remarque: La balise <LI> n'est pas une balise comme les autres, elle n'agit pas sur le texte qui la suit, en fait elle représente seulement le symbôle utilisé pour marquer un item de liste (un cercle noir par défaut). Si bien que dans l'exemple précédent le texte de l'item ne sera pas en bleu, seul l'item sera bleu (cercle bleu).

La définition de style peut aussi se faire directement dans une balise HTML, cette possibilité ne sera pas développée dans ce document, la philosophie des feuilles de style étant justement de séparer la mise en forme du document et la rédaction du document.

Exemple: <P STYLE="color:red; font-style:italic;"> ... </P>.