Démonstration de la pseudo-classe first-child

Code source :
<html>
  <head>
    <!-- Ne fonctionne que sous Netscape 6 et supérieur -->
    <style>
      UL > LI:first-child { 
        background-color : #003300; 
        height: 20px; 
        padding: 3px; 
        list-style-type: none; 
        margin-left: -10px;
      }
      UL > LI:first-child A:link {
        font-size: 12pt; 
        color: #FFFFFF; 
        font-weight: bold;
      }
      UL > LI:first-child A:visited {
        font-size: 12pt; 
        color: #FFFF00; 
        font-weight: bold;
      }
      UL > LI:first-child A:hover {
        font-size: 12pt; 
        color: #FF0000; 
        font-weight: bold;
      }
      UL LI {
        margin-left: 10px;
      }
    </style>
  </head>
  <body>
    <UL>
      <LI><A HREF="../classe.html">Les classes de style</A></LI>
      <LI><A HREF="../classedefinition.html">Définition des classes</A></LI>
      <LI><A HREF="../classedefinition.html">Les classes universelles</A></LI>
      <LI><A HREF="../classedynamique.html">Pseudo-classes dynamiques</A></LI>
      <LI><A HREF="../classepseudolien.html">Pseudo-classes de liens</A></LI>
      <LI><A HREF="../classedescendante.html">Pseudo-classe descendante</A></LI>
      <LI><A HREF="../classepseudotexte.html">Pseudo-classe de texte</A></LI>
      <LI><A HREF="../classepseudolangue.html">Pseudo-classe de langue</A></LI>
      <LI><A HREF="../classepseudobeforeafter.html">Pseudo-classe after et before</A></LI>
      <LI><A HREF="../classepseudopage.html">Pseudo-classe de page</A></LI>
      <LI><A HREF="../classeidentificateur.html">Les classes à base d'identificateur</A></LI>
      <LI><A HREF="../classeheritage.html">Héritage des classes</A></LI>
    </UL>
  </body>
</html>