Как убрать выделение ссылки в html

По умолчанию ссылки всегда подчёркиваются, чтобы легко можно было отличить ссылку от рядового текста. Но иногда для стилизации текста их необходимо убрать. Для работы со ссылками правильно использовать псевдоклассы. В примере ниже, нижнее подчеркивание у ссылок убрано, но при наведении курсора — будет появляться.

<a href="#" alt="http://ru.hexlet.io">Перейти по ссылке</a>

  a:link,
  a:visited {
    text-decoration: none;
  }

  a:hover,
  a:active{
    text-decoration: underline;
  }