Sélecteurs contextuels

Etout élément E
E Ftout élément F qui a un ancêtre E (Ancêtre est plus général que parent !)
E.Ctout élément E de classe C
E#Itout élément E d'id I

Sélecteurs CSS2 (E > F, E + F, E:first-child, E[attr="val"]) non supportés par MSIE.

Piège ! La classe vient avant la pseudo-classe qui vient avant le pseudo-élément : a.external:visited:first-letter

Piège 2 ! Le caractère '_' est réservé ⇒ illégal dans un nom de classe.

Exemple

h6 em, em.toto, #titi em { color: red }
<h6>Exemple de <em>sélection</em></h6>
<p class="toto">Les <em class="toto">sélecteurs</em>
  <em>contextuels</em> permettent de diviser la page en
  <span id="titi"><em>zones</em> (corps, navigation...)</span>
</p>
Exemple de sélection

Les sélecteurs contextuels permettent de diviser la page en zones (corps, navigation...)

Application

<div id="logos_et_navigation">Vous > êtes > ici</div>
<div id="autres_liens>
download
action
légal
</div>
<div id="corps">
bla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla blabla bla bla bla bla
</div>