Как убрать подсветку ссылки css

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

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

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

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