Я пытаюсь создать сайт, но по какой-то причине мой a:hover не работает. Когда я нахожусь, ничего не происходит. Мне нужна помощь.HTML, CSS: Hover не работает
Мой jsfiddle: https://jsfiddle.net/LfaLt1db/
Спасибо заранее!
Поскольку у вас есть .main-content a структура в HTML-формате и .main-content li a в вашем CSS. Просто удалите `литий
.main-content a:hover, .sub-content a:hover {
text-decoration: underline;
background-color: #008080;
}Или добавьте
a:hover {
text-decoration: underline;
}в файл CSS.
Если они не хотят, чтобы это применимо к ссылкам меню. В этом случае часть '.main-content' - это то, что неправильно. Трудно сказать, каков желаемый результат. – omnichad
Добавляя к этому, некоторые из тегов 'a' имеют встроенные стили« text-decoration: none », которые рассматриваются браузером как« важные », поэтому в вашем CSS он не переписывается. – Albzi
@ Албзи, возможно, перефразирует, что «ваш» относится к OP, а не к Эдварду! – Martin
изменить
.main-content li a:hover, .sub-content li a:hover {
text-decoration: underline;
background-color: #008080;
}
код CSS для
.main-navbar li:hover, .sub-navbar li:hover {
text-decoration: underline;
background-color: #008080;
}
скрипку, что вы предоставили очень сложный. На какой части веб-сайта вы хотите реагировать на зависание? – jojonas
Добро пожаловать в переполнение стека! Вопросы, требующие помощи по коду, должны содержать код SHORTEST, необходимый для его воспроизведения ** в самом вопросе **, предпочтительно в [** Stack Snippet **] (https://blog.stackoverflow.com/2014/09/introducing-runnable -javascript-CSS-и-HTML-код-сниппеты /). –
@ Mithrandir Не обязательно, тег 'a' внутри него имеет встроенный стиль« text-decoration: none », который рассматривается как более важный в браузере. – Albzi