Retour sur les sélecteurs contextuels

Sélecteur de descendant indéterminé : ancêtre élément
- cible l'élément élément s'il descend de ancêtre
- élément a une profondeur plus importante que ancêtre ET est utilisé entre <ancêtre> et </ancêtre>
Sélecteur de descendant direct : ancêtre > fils
- cible l'élément fils s'il est directement inclus dans l'élément ancêtre sans autre élément ancêtre intermédiaire
- fils a une profondeur supérieure de 1 à celle de ancêtre ET est utilisé entre <ancêtre> et </ancêtre>
- ancêtre est le père de l'élément fils
Sélecteur de frère : frère + élément
- cible l'élément élément s'il est le premier élément ouvert immédiatement après la fermeture de l'élément frère
Retour sur l'exemple 2 :
```
<ol>
<li>texte avec du texte gras ou pas</li>
<li>texte avec du texte italique ou pas </li>
<li>texte avec un <a href="cible.html">lien partiellement italique</a></li>
</ol>
```
le sélecteur ol i cible les deux éléments i (italique et partiellement italique)
le sélecteur li i cible les deux éléments i (italique et partiellement italique)
le sélecteur li > i cible uniquement le premier élément i (italique)
le sélecteur li + li cible le deuxième et le troisième élément li
le sélecteur li + li + li cible uniquement le troisième élément li

Exercice Wooclap, on considère ce document html :

...
  <body>
    <h1> Titre</h1>
    <p> Premier paragraphe de la page</p>
    <h2> sous-titre</h2>
    <p> Encore un paragraphe</p>
    <p> Et encore un autre</p>
    ...