WELL GUYS,I HAVE A NAVIGATION IN MY WEBSITE WHICH IS SIMPLY A <UL> LIST.
ALMOST EVERYTHING WORKS WELL,EXCEPT WHEN I WANT TO SHOW THE CURRENT PAGE WHICH IS BEING VIEWED,...I HAVE SUCCESSFULLY IMPEMENTED THE FUNCTIONALITY IN PHP WHICH CAN DETECTED THE PAGE BEING VIEWED BUT THE PROBLEM IS CSS WHERE I CAN`T MANAGE TO CHANGE THE COLOR OF THE TEXT, I AM ONLY ABLE TO CHANGE THE BACKGROUND COLOR.
BELOW IS MY CSS AND HTML CODE ,EXPLAIN TO ME PLEASE WHAT IS MISSING?
<ul id="nav">
<li><a href="#" class="navchecked">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">People</a></li>
<li><a href="#" >Blog post</a></li>
<li><a href="#">Groups</a></li>
<li><a href="#">Videos</a></li>
</ul>
#nav {
width: 100%;
float: left;
margin: 0 0 5px 0;
padding: 0;
list-style: none;
}
#nav ul{
margin:0px;
padding:0px;
}
#nav li {
float: left;
}
#nav li a{
display: block;
padding: 8px 15px;
text-decoration: none;
font-weight: bold;
color: #069;
border-right: 1px solid #ccc;
}
#nav li a:hover { ***********HOVER WORKS************/
color:#acbf37;
background-color: #fff;
}
#nav li:first-child{
border-left: 1px solid #ccc;
}
.navchecked{ /**THIS IS BACKGROUND PROPERTY FOR VIEWED PAGE WHICH WORKS WELL**/
background-color:#fff;
}
#nav .navchecked li a{
color:#acbf37; **THIS IS COLOR I WANT FOR THE VIEWED PAGE,BUT NOT SHOWING**/
}
ANY HELP WILL BE MUCH APPRECIATED.