Чтобы убрать подчеркивание у ссылки при наведении на нее курсора (с использованием псевдокласса :hover
) в CSS, можно применить следующие подходы:
- Способ с использованием
text-decoration
:
a:hover { text-decoration: none; }
- Способ с переопределением стилей для всех состояний ссылки:
a { text-decoration: none; } a:hover { text-decoration: none; }
- Способ с использованием более специфического селектора, чтобы переопределить стиль только для состояния
:hover
:
a:not([class]):hover { text-decoration: none; }
- Способ с использованием встроенных стилей в HTML (инлайн-стили):
<a href="#" style="text-decoration: none;">Ссылка без подчеркивания</a>
Выбор конкретного способа зависит от контекста вашего проекта и предпочтений в организации стилей. Вы можете выбрать любой из перечисленных выше подходов в зависимости от вашего случая использования.