CSS dla menu i problem z selektorami

[neferith]

Witam Forumowiczów,

Od dłuższego czasu walczę z CSS dla menu, które probuję dostosować pod siebie pod kątem kolorystyki, ale mam problemy z odpowiednim uzyciem selektorów. Chodzi mi o menu górne na stronie testowej: http://2016.bart-bud-instal.pl/ Dodam, że staram się uzwać Chrome DevToolsa, dla analizy tego menu, ale jakkolwiek bym nie użył selektorów w CSS, to nic mi z tego nie wychodzi.

Poszczególnym elementom w Megamenu nadalem klasę menu-l1. Potrzebuję pomocy w przykładowym fragmencie CSS, który zmieniałby kolory czcionki i tła dla menu, dla hover i dla visited. Nie wiem niestety jak użyć klas, czy:
.menu-l1 ul li a:hover
.menu-la 1:hover
.a.menu-l1:hover
.menu-l1 a:hover
Czasami widzę też uzycia klas bez kropki na początku, np.
menu-l1

Może ktoś pomóc w stworzeniu fragmentu CSS, który będzie modyfikował wygląd tła i czcionki oraz napisze dwa słowa wyjąsnienia, jaką składnię CSS uzywać? Póki, co tutoriale mi tego do końca nie rozjaśniły.

Z góry dziękuję i pozdrawiam!

[Kartofelek]

Kod:

/* menu pomaranczowe */
.navbar-default .navbar-nav li,
.navbar-default {background:blue;}

/* obwodka menu po najechaniu */
.dropdown-menu {background:white;}
.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover {background:#fff}

Ogólnie to menu jest źle zrobione, bo do działania wymaga js. Takie rzeczy robilo się w czasach IE5,6 czyli z 20 lat temu.
Powinieneś to zrobić na prostej liście UL. Podmenu były by wtedy także UL, ale pozycjonowanymi absolutnie względem rodzica (pozycji w menu). Ogólnie wyglądało by to tak:

Kod:

ul.megamenu {min-height:50px;}
ul.megamenu li {display:inline-block; position:relative; ......}
ul.megamenu ul {position:absolute; left:0; top:50px;}
ul.megamenu ul li {display:block;}

[wesol]

Dzięki

[Chillizard]

O matko te czasy z tym kodem...

[Brain23]

Też miałem z tym problem. Dzięki również za pomoc!