Saludos tengo un menu vertical con 3 botones, que esta en todas mis páginas, pero quiero que cuando presione el boton 2 (por ejemplo) y vaya a la página num 2 en el menu este boton 2 tenga un aspecto diferente, puede ser otro color, que indique que estoy en esa página..Y así con los demás..
Supongo que será una clase aparte al li, pero no he dado con ello..
Acá mi codigo CSS:
Código CSS:
Ver originalul.botonera {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
/*border: 1px solid #7C7C7C;*/
font-family:Tahoma, Geneva, sans-serif;
text-shadow: 1px 1px 1px #CCC
}
ul.botonera li {
margin-top:10px;
/*border-bottom: 1px solid #7C7C7C;*/
/*border-top: 1px solid #7C7C7C;*/
background: # 000;
}
ul.botonera li a {
padding: 25px 25px 25px 20px;
/*height:0px;*/
display: block;
text-decoration: none;
color: #333;
background-color: #F6F6F6 ;
}
ul.botonera li a:hover {
background-color: #f15723;
color:#FFF;
}
ul.botonera li a:active { background-color:#ccc}
HTML:
Código HTML:
Ver original <li><a href="#" title="Notificaciones">1
</a></li> <li><a href="#">Objetivos y Tareas
</a>2
</li> <li><a href="#">Foro
</a>2
</li>
Gracias de antemano