Hover bei "class" geht nicht?! (Menü)

aurus

Mitglied
Hallo zusammen,

ich habe das Gefühl, dass ich gerade ziemlich auf dem Schlauch stehe. Jedenfalls komme ich gerade einfach nicht weiter ^^

Und zwar habe ich folgende einfache HTML-Struktur für geschachtelte Menüs:

HTML:
<div id="erste_id" class="erste_class">
    <ul>
        <li>
            <ul>
                <li></li>
            </ul>
        </li>
    </ul>
</div>

Und zwar funktioniert folgendes:
HTML:
#erste_id li:hover ul{
    display: block;
}
Aber folgendes nicht:
HTML:
.erste_class li:hover ul{
    display: block;
}

Warum ist das so?
 
Also bei mir geht es: bist du dir sicher, das du bei beiden Varianten auch den Zustand bevor es gehovert wird definiert hast?

ID:
PHP:
<html>
<head>
<style type="text/css">

#erste_id li:hover ul{
    display: block;
}
#erste_id li ul{
    display: none;
}
</style>
</head>
<body>
<div id="erste_id" class="erste_class">
    <ul>
        <li>Hi
            <ul>
                <li>test1</li>
            </ul>
        </li>
    </ul>
</div>
</body>
</html>

CLASS:
PHP:
<html>
<head>
<style type="text/css">
.erste_class li:hover ul{
    display: block;
}
.erste_class li ul{
    display: none;
}

</style>
</head>
<body>
<div id="erste_id" class="erste_class">
    <ul>
        <li>Hi
            <ul>
                <li>test1</li>
            </ul>
        </li>
    </ul>
</div>
</body>
</html>

Meist sind dies solche Fehler die einem das Leben schwer machen...
 
Habe es mir eben nochmal angesehen und den Fehler ziemlich schnell entdeckt. Es lag tatsächlich daran, das im Stylesheet nicht an allen relevanten Stellen die Selektoren ausgetauscht waren. Ziemlich doof sowas...

Irgendwann sieht man den Wald vor lauter Bäumen nicht mehr oder so ^^
 
Zurück