Ich versuche eine Website zu erstellen, aber aus irgendeinem Grund funktioniert meine a:hover nicht. Wenn ich schwebe passiert nichts. Ich brauche Hilfe.HTML, CSS: Hover funktioniert nicht
Mein jsfiddle: https://jsfiddle.net/LfaLt1db/
Vielen Dank im Voraus!
Weil Sie .main-content a Struktur in Ihrem HTML und .main-content li a in Ihrem CSS haben. Entfernen Sie einfach `li
.main-content a:hover, .sub-content a:hover {
text-decoration: underline;
background-color: #008080;
}Oder
a:hover {
text-decoration: underline;
}auf Ihre CSS-Datei hinzufügen.
Es sei denn, sie möchten, dass es auf die Menüverknüpfungen angewendet wird. In diesem Fall ist der '.main-content' Teil der Fehler. Es ist schwer zu sagen, welches das gewünschte Ergebnis ist. – omnichad
Einige "OP" -Tags von OP haben Inline-Stile von "text-decoration: none;", was vom Browser als "wichtiger" angesehen wird, sodass es in Ihrem CSS nicht überschrieben wird. – Albzi
@Albzi vielleicht umformulieren, dass "Ihr" bezieht sich auf die OP statt Edward! – Martin
Ihre
.main-content li a:hover, .sub-content li a:hover {
text-decoration: underline;
background-color: #008080;
}
CSS-Code zu
.main-navbar li:hover, .sub-navbar li:hover {
text-decoration: underline;
background-color: #008080;
}
die Geige ändern, die Sie zur Verfügung gestellt haben, ist sehr komplex. Auf welchen Teil der Website möchten Sie beim Schweben reagieren? – jojonas
Willkommen bei Stack Overflow! Fragen, die Code-Hilfe suchen, müssen den KÜRZESTEN Kode enthalten, der notwendig ist, um ihn ** in der Frage selbst zu reproduzieren ** vorzugsweise in einem [** Stack Snippet **] (https://blog.stackoverflow.com/2014/09/introducing-runnable -javascript-css-und-html-code-snippets /). –
@Mithrandir Nicht unbedingt, ein 'a'-Tag, das Inline-Styling von' text-decoration: none; 'hat, was im Browser als wichtiger angesehen wird. – Albzi