Use multiple link colors in the nav bar

Here we'll set each separate link in the navigation to a different color:

/* Set the navbar background color */ #nav, #nav-inner, .nav-list { background-color: #fff; border: 0; } /* Set the default link color */ #nav a, #nav a:visited { font-size: 105%; font-weight: bold; background-color: #fff; color: red; } #nav ul li:nth-child(2) a { color: orange; } #nav ul li:nth-child(3) a { color: green; } #nav ul li:nth-child(4) a { color: blue; }

If you have more than four links in your nav bar, simply add more lines and increment the number for nth-child.