Css Menu bar Active

Hey ik wil graag dat het niet aleen on hover maar ook als je er op klikt dat dan de pagina waar je heen gaat dat het de menu bar kleur veranderd waar je op klikt.
Ik maak een custom template maar ik heb geen idee hoe ik dit voor me kaar kan geven ik weet dat als ik het zelf moet typen zonder wordpress dat ik dan gewoon een active mee kan geven aan elke li en dat dan gewoon zoveel keer als ik knopjes in me menu heb. Maar dit werkt niet bij wordpress als ik de wordpress functie gebruik.

(In het kort: Klik op menu bar gaat naar andere pagina en die knop waar je op geklikt hebt moet andere kleur krijgen.)
Bijgevoegd is mijn CSS.

Iemand tips? Of hoe je dit kunt doen?

}

#menubar ul{
	list-style-type: none;
	padding:20px;
	height: auto;
    padding: 8px 0px;
    margin: 0px;
}

#menubar li{
	text-decoration: none;
	display: inline;
	margin:10px;
	background-color: #fff;
	border-style: groove;
}
#menubar a {
	    text-decoration: none;
    color: #00F;

}
#menubar{

    height: 35px;
    font-size: 16px;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 2px 3px #333333;
    background-color: silver;

}
#menubar a:hover
{
	 color: #F90;
    background-color: #FFF;
}

Alvast bedankt.