Hola:
Cita:
Iniciado por juand210
Código:
#rightcol ul li a:hover
{
text-decoration:none;
padding-left:20px;
padding-top:5px;
background:url(../images/sidenavover.png) no-repeat left center;
display:block;
font: Arial, Helvetica, sans-serif;
color:#0081BF;
}
#rightcol a:active {
text-decoration:none;
padding-left:30px;
padding-top:5px;
padding-bottom:3px;
background: url(../images/sidenavover.png) no-repeat 0px 5px;
border-bottom: 1px solid #cacaca;
display:block;
font: Arial, Helvetica, sans-serif;
color:#666666;
margin:0;
width:150px;
}
Igual me equivoco, pero fíjate en la diferencia entre los dos selectores que te marco en rojo (uno lo declaras directamente, a:active, y el otro ul li a:hover).
El orden de las pseudoclases es :
Código:
a:link
a:visited
a:hover
a:active
Y no veo necesario para nada hacerlo con php. Tienes
este ejemplo hecho con CSS por Mikmoro, posiblemente te sirva.
Saludos.