Is there a way in HTML/CSS to change color of just one list item not all of them? I just want to change the color of each of them so the user knows what page he is on. for now I managed only to do the \[code\]a:hover\[/code\] but I cant figure out how could I do it so the color would stay.HTML:\[code\]<div id="nav"> <div class="wrapper"> <ul id="buttons"> <li><a href="http://stackoverflow.com/questions/13851302/index.html">| About</a></li> <li><a href="http://stackoverflow.com/questions/13851302/html/gallery.html">| Gallery</a></li> <li><a href="http://stackoverflow.com/questions/13851302/html/prices.html">| Prices</a></li> <li><a href="http://stackoverflow.com/questions/13851302/html/faq.html">| FAQ</a></li> <li><a href="http://stackoverflow.com/questions/13851302/html/contact_us.html">| Contact Us</a></li> <div class="clear"></div> </ul> </div></div>\[/code\]CSS:\[code\]#buttons {background-color: black;}.clear { clear: both; }#buttons li a{position:block;color:#fff;padding:1em;text-decoration:none;float:left;width:95px;}#buttons li a:hover{background-color:#bc1b32;}\[/code\]