Główna pozycja menu

[emzetka]

Witam. W jaki sposób odnieść się w CSS do elementu menu, który jest najwyżej (po którego kliknięciu rozwijane są inne) bez edycji elementów podrzędnych.

Póki co próbowałem już niemal wszystkiego, np. .menu ul > li {}. Owszem style działają na element "główny", ale działają jednocześnie na elementy podrzędne.

Ogólnie rzecz biorąc chciałbym aby: pozycja menu, która jest najbardziej nadrzędna wyświetlała się na niebiesko, a pozycje podrzędne na czarno (czyli bez zmian). Tymczasem cały czas gdy uda mi się zmienić pozycję najbardziej nadrzędną na kolor niebieski, to pozycje podrzędne dziedziczą po niej ten kolor (czego jak już mówiłem nie chce).

Co mogę zrobić aby odnieść się tylko do pozycji najbardziej nadrzędnych, aby nic "pod spodem" nie dziedziczyło po nich ?

Proszę o pomoc. Pozdrawiam.

[alex51]

Nie pomyślałeś, by oprócz zmiany elementu nadrzędnego na background:blue; zmienić też elementy podrzędne ustawiając w nich background:black;? W razie potrzeby można zastosować też styl !important, który stosowany jest wszędzie tam, gdzie trzeba wymusić styl ważniejszy, niż wynikałoby to z ich kolejności.