Définition des classes Les classes universelles Les pseudo-classes
Pseudo-classes dynamiques Pseudo-classes de liens Pseudo-classe descendante Pseudo-classe de texte Pseudo-classe de langue Pseudo-classe after et before Pseudo-classe de page
Les classes à base d'identificateur Héritage des classes

Code source : 
<html>
  <head>
    <style>
      .somniv1 A, .somniv2 A, .somniv1, .somniv2 {text-align: left; font-weight: bold}

       A {display: block}

      .somniv1 A:before {content: url(../../images/interface/menuderoulg.gif)}
      .somniv1 A {font-size: 12pt}
      .somniv1 A:link {text-decoration: none; color: rgb(100, 33, 33)}
      .somniv1 A:visited {text-decoration: none; color: #7C3FBA}
      .somniv1 A:hover {text-decoration: underline; color: rgb(255, 0, 0)}

      .somniv2 {padding-left:30px}

      .somniv2 A {font-size: 10pt}
      .somniv2 A:link {text-decoration: none; color: #5B2D00}
      .somniv2 A:visited {text-decoration: none; color: #7C5FBA}
      .somniv2 A:hover {text-decoration: underline; color: rgb(255, 0, 0)}
    </style>
  </head>
  <body>
      <DIV CLASS="somniv1">
        <A HREF="../classedefinition.html">Définition des classes</A>
        <A HREF="../classedefinition.html">Les classes universelles</A>
        <A HREF="../classedynamique.html">Les pseudo-classes</A>
      </DIV>
      <DIV CLASS="somniv2">
        <A HREF="../classedynamique.html">Pseudo-classes dynamiques</A>
        <A HREF="../classepseudolien.html">Pseudo-classes de liens</A>
        <A HREF="../classedescendante.html">Pseudo-classe descendante</A>
        <A HREF="../classepseudotexte.html">Pseudo-classe de texte</A>
        <A HREF="../classepseudolangue.html">Pseudo-classe de langue</A>
        <A HREF="../classepseudobeforeafter.html">Pseudo-classe after et before</A>
        <A HREF="../classepseudopage.html">Pseudo-classe de page</A>
      </DIV>
      <DIV CLASS="somniv1">
        <A HREF="../classeidentificateur.html">Les classes à base d'identificateur</A>
        <A HREF="../classeheritage.html">Héritage des classes</A>
      </DIV>
  </body>
</html>

<!-- Feuille de style pour Netscape 6, Opera 6  et supérieur -->
div[class] {text-align: left; font-weight: bold; font-family: Verdana}
div[class = somniv2] {padding-left:30px}

A {display: block}

.somniv1 A:before {content: url(../../images/interface/menuderoulg.gif)}
.somniv1 A {font-size: 12pt}
.somniv1 A:link {text-decoration: none; color: #660000}
.somniv1 A:visited {text-decoration: none; color: #7C3FBA}

.somniv2 A {font-size: 10pt}
.somniv2 A:link {text-decoration: none; color: #5B2D00}
.somniv2 A:visited {text-decoration: none; color: #7C5FBA}

div[class] A:hover {text-decoration: underline; color: #FF0000}