CSS - 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.


<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.


.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


.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



.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