a:hover "sempre attivo" quando si è nella pagina corrispondente

[anerDev]

Ciao a tutti !!

Nel mio sito c'è il menu !


Quando clicco su un tasto, mi reindirizza ad una pagina !

Vorrei fare che quando sono nella pagina corrispondente a quella del tasto premuto, il tasto rimanga attivo sulla funzione hover !

Ecco i css:

#menu {
		width: 1000px;
		height: 40px;
		border-bottom: 1px solid #BFBFBF;
		font-family: Apple Chancery;
	}
		
		#menu ul {
			width: 900px;
			margin: 0 auto;
			list-style: none;
			margin-top: 10px;
		}
	
		#menu li {
			display: inline;
			margin-left: 10px;
			font-size: 22px;
		}
	
		#menu li a {
			color:#282828;
			text-shadow: 0px 1px 10px #ffffff;
			filter: dropshadow(color=#ffffff, offx=0, offy=1);
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}
	
		#menu li a:hover {
			color:#ffffff;
			text-shadow: 0px 1px 0px #282828;
			filter: dropshadow(color=#282828, offx=0, offy=1);
			background-color:#689bc5;
			border-radius: 5px 0px 5px 0px;
			-webkit-transition: color 300ms linear;
			-moz-transition: color 300ms linear;
			-o-transition: color 300ms linear;
			transition: color 300ms linear;
			-webkit-transition: background 300ms linear;
			-moz-transition: background 300ms linear;
			-o-transition: background 300ms linear;
			transition: background 300ms linear;
		}

Per fare ciò devo modificare i css o usare qualche js ?

Grazie !!

[totsdesign]

Leggi qui
http://www.w3schools.com/css/css_pseudo_classes.asp

[Xinod]

la pagina cambia
quindi tutto quello che puoi fare con i css al riguardo e' prevedere una classe da assegnare al link corrispondente alla pagina in cui ti trovi

come assegni questa classe non e' compito dei css,
lo fai lato server (di gran lunga preferibile) o via javascript, valutando l' indirizzo del documento corrente, che trovi in window.location.href

ciao

[anerDev]

Grazie per la risposta ragazzi !!

Dato che di Js non ne capisco niente, non è che conoscete una guida ?!?

Grazie 1000 !