2 olika css menyer

Kan jag ha två olika css menyer med två olika menymallar på samma dokument?

Hur talar jag om vilken mall som hör till vilken meny?

Jo då...

<!-- första menyn -->
<ul class="primary nav">
 <li><a href="#">...</a></li>
 ...
</ul>

<!-- andra menyn -->
<ul class="secondary nav">
 <li><a href="#">...</a></li>
 ...
</ul>

/* gemensamma stilregler för alla menyer */
.nav { }
 .nav li { }
  .nav a { }

/* första menyn */
.primary { }
 .primary li { }
  .primary a { }

/* andra menyn */
.secondary { }
 .secondary li { }
  .secondary a { }

Det vart nog lite avancerat för en nybörjare...:-)

Om jag använder denna menymallen till första menyn, vad behöver jag ändra på ?

/* CSS menymall */

body {padding: 0; margin: 0;}
#content{margin: 1em auto; padding: 0; width: 25em;}

#menycontainer ul{margin: 0; padding: 0.3em 0; text-align: center; border: 1px solid #99CC99;background: #99CC99; font: 70% Verdana, Helvetica, sans-serif;}
#menycontainer li{display: inline; margin-left: -0.35em}
#menycontainer ul a{text-decoration: none; padding: 0.3em 2em; border: 1px solid #99CC99;}

#menycontainer a:link{color: #000000;}
#menycontainer a:visited{color: #000000;}
#menycontainer a:hover{ border: 1px solid #000000;}
#menycontainer a#current{background: #D6EBD6; color: #000000;}

Ingenting så vitt jag kan se. Se bara till att ha ett annat id="" på din andra meny så blir alla glada. :)