не записываются свойства в css почему?

дело такое: допустим есть в html link

в css есть класс .red{color:red}

в js let link = document.querySelector('a');
link.addEventListener('click', function(){
link.classList.add('red');
})

Ничего не срабатывает ((( в инспекторе показывает что класс добавился а вот стили нет, вообще из невидно нигде ((
если делать так то все работает link.style.color = 'red';