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
.enlace > a:hover {
cursor:pointer;
background: yellow;
}
<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>
<a>
al momento clic, y si la propiedadhref
está configurada, este te direccionará a otra página, no? Ahora bien, si quieres utilizar de todas formas la lista de anchors con un enlace muerto#
, lo adecuado si es utilizar el cambio que te comenta @Andres Alvarez en la respuesta de abajo.