Have 2 sets of nav text and I need to alter second set so it appears against black background. How do I do this?

Question

I have set the colors for a:active, a:hover, a:link and a:visited for text against white background. How do I add different colors for different nav text against a black background?

Answer 1

Define a separate nav class for each set of menus.
<nav class="light">
     This is 1st menu
</nav>
<nav class="dark">
     This is 2nd menu
</nav>
CSS:
.light a {background: #FFF; color: #000; text-decoration:none}
.light a:visited  {color: #CCC}
.light a:hover,
.light a:active,
.light a:focus {color: #FFC}
.dark a {background: #000; color: #FFF; text-decoration:none}
.dark a:visited  {color: #CCC}
.dark a:hover,
.dark a:active,
.dark a:focus {color: #FFC}
Nancy O.