¿Cómo puedo efectuar un elemento presionado hasta que presione otro elemento?

ejemplo:

HTML:

 <nav> <a href="#"> ex1 </a> <a href="#"> ex2 </a> <a href="#"> ex3 </a> </nav>

CSS:

 a:active { background-color: darkblue; }

Una vez lo hice antes, pero ahora olvidé cómo ... ¿Es por la pseudo clase: activa o este efecto de pseudo clase termina cuando se suelta el clic del mouse?

¿Cómo puedo hacer que dure hasta que haga clic en otro elemento del menú de navegación?

Gracias...