:focus + background-color:orange; al darle click al elemento se coloca, en este caso el background-color orange pero mientras esta funcionando al darle click a cualquier otro lugar en toda la pantalla (literal) se quita, quisiera que se mantuviera hasta tocar otro elemento... lo he visto en otra paginas webs y queda genial como puedo lograrlo? se necesita javascript o otra tecnología? gracias
li{
display: inline-block;
}
a{
padding: 10px;
color: black;
}
a:focus{
background-color: orange;
}
que el efecto se mantenga aunque clickees en otro lugar ya que por defecto desaparece, aqui dejo un ejemplo con una imagen, aunque interactues en esa pagina se mantendra hasta que clickees en otro elemento con :focus y se pasara en este caso el background y no se quitara hasta darle a otro elemento o pagina espero me hayan entendido xD