cambiar de fondo un link

[ShaoranTK]

Hola estoy que trato de cambiar el color de fondo de un link de un menu echo en css3 al hacerle click pero no puedo, esta es la extructura donde se encuentra este link.

Código CSS:

<div id="wrapper">
    <ul class="menu">
        <li class="item1"><a href="#">Friends <span>340</span></a>
            <ul>
                <li class="subitem1"><a href="#">Cute Kittens <span>14</span></a></li><!-- Este quiero cambiar el fondo <a> -->
                <li class="subitem2"><a href="#">Strange &#8220;Stuff&#8221; <span>6</span></a></li>
                <li class="subitem3"><a href="#">Automatic Fails <span>2</span></a></li>
            </ul>
        </li>
    </ul>
</div>
 

* En la css, este código sirve para cambiar de color de fondo el link con pasar el mouse sobre este.

Código CSS:

.menu > li > ul li:hover a,
.menu > li > ul li:hover a span,
.menu > li > ul li:hover a.before {
    color: #fff;
    background: #9A437A;
}
 

*Entonces pensé en vez de poner hover pongo active o focus pero no lo cambia de color, ayudaaa

Código CSS:

.menu > li > ul li:active a,
.menu > li > ul li:active a span,
.menu > li > ul li:active a.before {
    color: #fff;
    background: #9A437A;
}
 

o

Código CSS:

.menu > li > ul li:focus a,
.menu > li > ul li:focus a span,
.menu > li > ul li:focus a.before {
    color: #fff;
    background: #9A437A;
}
 

pero no sirve

[xFantaSx]

Hola,
Primero, a qué te refieres con "color de fondo de un link" te refieres al botón? o el color del link?...
Segundo, deja tu código css completo.

[ShaoranTK]

Iniciado por xFantaSx

Hola,
Primero, a qué te refieres con "color de fondo de un link" te refieres al botón? o el color del link?...
Segundo, deja tu código css completo.

me refiero a esto background, con respecto al codigo eso es todo, no es muy complejo

[xFantaSx]

si lo que quieres es cambiar el color del link cuando este esté presionado, sólo tienes que poner esta regla:

Código CSS:

.menu li ul li a:active {
    color:green; /*Color de ejemplo*/
}
 

[ShaoranTK]

Iniciado por xFantaSx

si lo que quieres es cambiar el color del link cuando este esté presionado, sólo tienes que poner esta regla:

Código CSS:

.menu li ul li a:active {
    color:green; /*Color de ejemplo*/
}
 

sos groso tío, me funko

pero el problema que en active lo pinta al hacerlo click después saco el mouse de encima del link y se despinta, no se mantiene el color, probe con el focus pero si hago click fuera del menu se despinta..

[xFantaSx]

Lo que quieres es que cambie el color para los links ya visitados?, para ello utiliza esta regla.

Código CSS:

.menu li ul li a:visited {
    color:yellow; /*Color de ejemplo*/
}
 

[ShaoranTK]

Iniciado por xFantaSx

Lo que quieres es que cambie el color para los links ya visitados?, para ello utiliza esta regla.

Código CSS:

.menu li ul li a:visited {
    color:yellow; /*Color de ejemplo*/
}
 

mas o menos es que hago click en un menú vertical y el link que le di el click se pinte de otro color para indicar que estoy en esa opción, eso es todo, gracias.

[xFantaSx]

Mmm ya entiendo, creo que con css no se podrá hacer automático este cambio.
Lo que si puedes hacer es crear una regla y aplicarla al link que se encuentra activo en cada página a la que pertenece, pero de forma automática con CSS creo que no se puede hacer.

[ShaoranTK]

Iniciado por xFantaSx

Mmm ya entiendo, creo que con css no se podrá hacer automático este cambio.
Lo que si puedes hacer es crear una regla y aplicarla al link que se encuentra activo en cada página a la que pertenece, pero de forma automática con CSS creo que no se puede hacer.

ok, gracias amigo por tu tiempo