Un sélecteur descendant permet d'atteindre une balise HTML située directement à l'intérieur d'un autre élément.

Ce sélecteur est composé de deux ou plusieurs commandes séparés par un signe "supérieur à" (">").

Par exemple, si l'on veut atteindre la balise <em> placée à l'intérieur de l'instruction <p>, il suffit d'écrire la ligne suivante :

<p> ... <em> ... </em> <B> ... <em> ... </em> ... </B></p>
p > em {font-size: 12pt font-color: red font-style: italic}
Exemple
<html>
  <head>
    <style>
      <!--
      Balise_parent > Balise_cible {Propriété1: Valeur1;...} 
      ...
      Règles de style
      ...
      -->
    </style>
    ...
  </head>
  <body>
    <Balise_parent>
      <Balise_cible> ... </Balise_cible> 
      ...
    </Balise_parent>
    ...
    Diverses commandes HTML 

    ...
  </body>
</html>
Compatibilité
Windows Macintosh
NE4 NE6 NE7 IE5 IE55 IE6 OP5 OP6 OP7 NE4 NE6 NE7 IE4 IE5