como puedo hacer para que cuando se de clic en una opcion de una lista html se quede el backgroud de un color que resalte sobre las demas opciones, lo he realizado con la propiedad active pero no hace lo que requiero y con la propiedad hover pues si funciona pero solo pasando el mouse por encima pero cuando le doy clic desaparece el backgroud <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-css --> .enlace > a:hover { cursor:pointer; background: yellow; } <!-- language: lang-html --> <html> <head> </head> <body> <ul> <li class="enlace"><a href="#">Liga 1</a></li> <li class="enlace"><a href="#">Liga 2</a></li> <li class="enlace"><a href="#">Liga 3</a></li> <li class="enlace"><a href="#">Liga 4</a></li> </ul> </body> </html> <!-- end snippet -->