Oberpunkt bei angezeigtem Untermenü in anderer Farbe anzeigen
Enrico
- css
Hallo,
ich habe mir ein Dropdown-Menü mit css erstellt.
Die css-Definitionen sehen folgendermassen aus:
.navmenu,
.navmenu ul,
.navmenu li
{
margin: 0px;
padding: 0px;
}
.navmenu > li
{
float: left;
}
.navmenu li
{
background-color: #5d7ac5;
color: #b2b2b2;
list-style-type: none;
padding: 3px;
}
.navmenu ul
{
display: none;
margin-left: -3px;
margin-top: 3px;
position: absolute;
}
.navmenu li:hover > ul
{
display: block;
}
.navmenu ul.parent_hover
{
display: block;
}
.navmenu a
{
background: none;
color: #b2b2b2;
display: block;
text-decoration: none;
width: 100%;
}
.navmenu li:hover
{
background-color: #b0c6ff;
color: #000000;
}
.navmenu li.hover,
.navmenu a:hover
{
background-color: #b0c6ff;
color: #000000;
}
.navmenu span
{
display: block;
}
.navmenu
{
right: 22px;
background-color: #5d7ac5;
float: left;
left: 194px;
position: absolute;
top: 22px;
}
Das Menü hat folgenden Aufbau:
<ul class="navmenu">
<li><a>Oberpunkt</a>
<ul>
<li><a href="...">Unterpunkt</a></li>
<li><a href="...">Unterpunkt</a></li>
<li><a href="...">Unterpunkt</a></li>
</ul>
</li>
<li><a>Oberpunkt</a>
<ul>
<li><a href="...">Unterpunkt</a></li>
...usw...
</ul>
</li>
...usw...
</ul>
Das Menü funktioniert auch einwandfrei, das Einzige, was ich nicht hinbekomme(n habe),
ist, wie ich die Schriftfarbe des Oberpunktes des gerade angezeigten Untermenüs auch auf
Schwarz umstellen kann.
Was muß ich ändern/ergänzen, damit ich das umsetzen kann?
Ich bin mir sicher, dass es nur eine klitzekleine Kleinigkeit ist, aber ich komme einfach
nicht drauf, wahrscheinlich, weil ich schon zu lange danach gesucht habe.
Besten Dank für eure Unterstützung.
Enrico
#navmenu > li:hover{color:black;}
ohne Garantie.
mfg Beat
Hallo Beat,
hab die Lösung jetzt endlich gefunden:
.navmenu li:hover > a
{
color: #000000;
}
Mann, Mann, Mann, da muß man erst mal draufkommen...
Gruß
Enrico