[CSS3] Dropdown lukt niet

[Beatboxx]

Ik zal het maar meteen toegeven; ik ben een n00b in dit soort dingetjes en dit is ook de eerste website die ik bouw. Ik wil een menu met een dropdown, maar dat lukt niet helemaal. Zie ook hier de testcase: http://jsfiddle.net/744HV/4/

Ik wil, zoals nu al gedeeltelijk lukt, dat die 'Test' dropdownt. Dat doet ie wel, maar zonder opmaak. Ik wil de opmaak van de nieuwe li die verschijnt kunnen veranderen. Ik kom hier niet uit aangezien als ik de css van de ene li (Level 1 menu) ik ook de css van level 2 li menu verander... Ik heb op css3 dropdown gegoogle't en de eerste pagina eigenlijk elke pagina aandachtig bekeken, maar toch kom ik er niet uit... Is er iemand die me een zetje in de goede richting kan sturen?

[SandaX]

code:

#nav-menu li li{background-color:#06F;}

succes

[Merethil]

Wat Sandax dus zegt is: in elke li-element die als parent ook een li-element heeft de css aanpassen, door te zeggen: in de li van de li. Zo kun je steeds verder. Als je in die li bijvoorbeeld een a maakt zou je die aanpassen door #nav-menu li li a {doehieraanpassing} te doen.

Als je overzicht wilt bewaren kan je ook al die li's dezelfde class geven, dan wordt je css-code naar mijn mening overzichtelijker. Moet je alleen elke li die je toevoegt ook die class meegeven.