Frage zum Wiki-Artikel „Dropdown-Menüs mit CSS gestalten“

[Gunnar Bittersmann]

@@cu.so

@Billy Gregory

?? Nee, der bin ich nicht.

.no-touch .w-nav-item.level_1:focus > .w-nav-anchor,
.no-touch .w-nav-item.level_1:hover > .w-nav-anchor {
    background-color: #ffffff;
    color: #050505;
}

da fehlt mir eine gehörige Portion Wissen!

Ich habe die von Dir o.g. Zeilen eingefügt, geändert hat sich nichts. Leider!

Stimmt, da hab ich dir was falsches gesagt.

.no-touch .w-nav-item.level_1:hover > .w-nav-anchor wirkt, weil es a-Elemente (der Klasse w-nav-anchor) in gehoverten li-Elementen (der Klassen w-nav-item und level_1) selektiert.

.no-touch .w-nav-item.level_1:focus > .w-nav-anchor kann nicht funktionieren, weil nicht die li-Elemente den Fokus bekommen, sondern die a-Elemente.

Du kannst einen Effekt für .no-touch .w-nav-item.level_1 > .w-nav-anchor:focus angeben,
bspw: .no-touch .w-nav-item.level_1 > .w-nav-anchor:focus { background: red } wirkt.

LLAP 🖖