+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Styl menu (/thread-styl-menu)
Styl menu - Heyek - 04-12-2012
RE: Styl menu - Kartofelek - 04-12-2012
zastosuj selektor potomka li > a
RE: Styl menu - Heyek - 04-12-2012
Dzięki za odpowiedź. Nie bardzo wiem jak to zrobić. Z tego co doczytałem i zrozumiałem na temat selektora potomka to wykorzystuje go tutaj: .rightcol > .current ul li a:hover i dlatego to działa tak jak działa teraz. Mógłbyś podać jakiś przykład podobnej sytuacji do mojej ?
RE: Styl menu - Kartofelek - 05-12-2012
Teraz masz tak:
- pobierz a w aktywnym li i nadaj im stylowanie. Ale ty w aktualnym LI masz przecież całe listy zawierające kilkanaście A. Dlatego styluje ci je wszystkie.
Chcesz nadać styl tylko dla A który jest dzieckiem/potomkiem danego LI.
Więc:
Kod:
.rightcol li.active > a - styluje tylko linki które leżą bezpośrednio w li.activeOczywiście tych potomków możesz używać więcej i robić dość mocno restrykcyjne stylowanie:
Kod:
ul#menu > LI > a > spanPotomki są świetnym selektorem jeżeli chcesz ostylować główne menu a totalnie oddzielić stylowanie podmenu
Kod:
ul#menu > li {....tylko glowne menu.....}
ul#menu > li ul li {.....podmenu.....}RE: Styl menu - Heyek - 05-12-2012
Wielkie dzięki ! Wszystko pięknie działa.