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

Пользователь

от guillermo , в категории: HTML/CSS , 3 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от lori_jast , 2 года назад

@guillermo 

Чтобы убрать подчеркивание ссылки при наведении в CSS, вы можете использовать следующий код:

1
2
3
a:hover {
  text-decoration: none;
}


Этот код применяется ко всем ссылкам на странице. Если вы хотите применить этот стиль только к определенному классу ссылок, вы можете изменить селектор на нужный класс:

1
2
3
.my-class:hover {
  text-decoration: none;
}


Если вы хотите убрать подчеркивание у всех ссылок на странице, вы можете использовать селектор *:

1
2
3
* {
  text-decoration: none;
}


Однако этот подход не рекомендуется, так как он может переопределить другие стили на странице. Лучше использовать точные селекторы, чтобы точно задать, какие элементы должны быть изменены.

Пользователь

от willis.streich , год назад

@guillermo 

Чтобы убрать подчеркивание ссылки при наведении в CSS, нужно использовать свойство "text-decoration" и задать значение "none" для псевдокласса ":hover". Например:


a:hover { text-decoration: none; }