Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/03/2012, 15:11
ShaoranTK
 
Fecha de Ingreso: mayo-2011
Mensajes: 125
Antigüedad: 13 años
Puntos: 3
cambiar de fondo un link

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:
Ver original
  1. <div id="wrapper">
  2.     <ul class="menu">
  3.         <li class="item1"><a href="#">Friends <span>340</span></a>
  4.             <ul>
  5.                 <li class="subitem1"><a href="#">Cute Kittens <span>14</span></a></li><!-- Este quiero cambiar el fondo <a> -->
  6.                 <li class="subitem2"><a href="#">Strange &#8220;Stuff&#8221; <span>6</span></a></li>
  7.                 <li class="subitem3"><a href="#">Automatic Fails <span>2</span></a></li>
  8.             </ul>
  9.         </li>
  10.     </ul>
  11. </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:
Ver original
  1. .menu > li > ul li:hover a,
  2. .menu > li > ul li:hover a span,
  3. .menu > li > ul li:hover a.before {
  4.     color: #fff;
  5.     background: #9A437A;
  6. }

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


Código CSS:
Ver original
  1. .menu > li > ul li:active a,
  2. .menu > li > ul li:active a span,
  3. .menu > li > ul li:active a.before {
  4.     color: #fff;
  5.     background: #9A437A;
  6. }

o

Código CSS:
Ver original
  1. .menu > li > ul li:focus a,
  2. .menu > li > ul li:focus a span,
  3. .menu > li > ul li:focus a.before {
  4.     color: #fff;
  5.     background: #9A437A;
  6. }


pero no sirve