So im trying to make a nav bar . Im trying to get this effect.. when u click on the page .. the nav bar font will change color on the name of that page i am on.. I tried select or active .. active is only when im clicking on it .. but thats not what i want. an example wud be http://www.austinclassicalballet.com/directions.htm but the difference is their website when activethe star "image' will become black on the page u are on.. but for me i want the font color to change so far this are my codes .nav2 li { display: inline; list-style: none; width: auto; padding-left:10px ;padding-right:10px; max-height: 30px; float: left; margin: 0 px; text-align: center; background:transparent; border-right:1px solid #e3e3e3;border-left:1px solid #f9f9f9; } .nav2 a{ display:block; height:30px; line-height:31px; text-decoration:none; border:none; color:#a6a6a6; font-size:16px;font-family: 'Open Sans', sans-serif;font-weight: 300; transition: color .55s ease-in-out; -moz-transition: color .55s ease-in-out; -webkit-transition: color .55s ease-in-out; } .nav2 a:hover{ color:#353535; }