Yo lo haría con `jQuery` de una forma más rápida y fácil, [Demo](https://codepen.io/dmsanchez86/pen/xBVbGz) <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> $(".content-icons").click(function(){ $(".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 -->