www.webelix.net

[ CSS ]


Les sélecteurs descendants

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 à" (">").

Balise_parent > Balise_cible {Propriété1: Valeur1; ...}

Exemple

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 :

<html>
 <head>
  <style type="text/css">
  <!--
  p > em {font-size: 12pt; font-color: red; font-style: italic}
  -->
  </style>
 </head>

 <body>
 <p> ... <em> ... </em> <b> ... <em> ... </em> ... </b></p>
 </body>
</html>