(Consulta) Selectores Avanzados

[opzina]

Tengo una barra de navegación y cuando paso con el mouse sobre cada uno de los elementos <li> aparece arriba un icono.

El problema radica en que cuando hago click sobre uno de los enlaces el icono no queda "Activo".

Código HTML:

nav ul li a:LINK {
    background: none;
}
 
nav ul li a:VISITED {
    background: url(img/vintage-icon.png) 50% 0 no-repeat;
}
 
nav ul li a:HOVER  {
    background: url(img/vintage-icon.png) 50% 0 no-repeat;
}
 
nav ul li a:ACTIVE  {
    background: url(img/vintage-icon.png) 50% 0 no-repeat;
}
 

[alexk]

prueba con :focus

Código CSS:

nav ul li a:focus *{
* * background: url(img/vintage-icon.png) 50% 0 no-repeat;
}