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

a {
  text-decoration: none;
}

Это правило убирает подчёркивание у всех ссылок. Только у ссылок в меню:

.menu a {
  text-decoration: none;
}

Подчёркивание при наведении

Ссылку в тексте без подчёркивания трудно отличить от обычных слов. Удобный вариант — подчёркивать её, когда на неё навели мышь или перешли клавишей Tab:

a {
  color: #1a73e8;
  text-decoration: none;
}

a:hover,
a:focus-visible {
  text-decoration: underline;
}

Цвет ссылки

Синий цвет и фиолетовый у посещённых ссылок — оформление браузера по умолчанию. Свой цвет задаётся свойством color у a; для посещённых — a:visited:

a {
  color: #0b57d0;
}

a:visited {
  color: #6a1b9a;
}

Чтобы ссылка была цвета окружающего текста, — color: inherit.

Аккуратное подчёркивание

Подчёркивание не обязательно убирать — его можно сделать тоньше и отодвинуть от букв:

a {
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

Так линия отходит от букв, становится тоньше, и текст ссылки читается легче.

Подчёркивание не убирается

• Правило перебито — где-то есть более точный селектор, например .content a { text-decoration: underline; }. Выберите ссылку в инструментах разработчика (F12) — перебитое объявление будет зачёркнуто, а рядом видно, какое правило победило. Напишите свой селектор точнее: .content .menu a.
• Подчёркнут родитель — если text-decoration: underline задан у блока вокруг ссылки, линию рисует он, и text-decoration: none у ссылки её не снимает. Уберите подчёркивание у родителя или сделайте ссылке display: inline-block — на такие элементы линия родителя не переходит.
• Это не подчёркивание, а рамка — border-bottom у ссылки или box-shadow. В инструментах разработчика видно, какое свойство рисует линию.
• Правки не видны — браузер взял старую копию CSS. Обновите страницу с очисткой кэша: Ctrl+F5.

Подробнее о том, почему стили не применяются, — в справке Почему не применяется стиль CSS.