Yo lo haría con `jQuery` de una forma más rápida y fácil <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> $(".content-icons").click(() => { $(".content-icons").removeClass('active'); $(this).addClass('active'); }); <!-- language: lang-css --> .active { color: red; } <!-- language: lang-html --> <ul class="custom-top-icons"> <li> <a class="content-icons">primer icono</a> </li> <li> <a class="content-icons">segundo icono</a> </li> <li> <a class="content-icons">tercer icono</a> </li> </ul> <!-- end snippet -->