Kolor menu

0

przygowałem jsFiddle

Chciałbym bez zmiany HTMLa modyfikując CSS sprawić aby pozycje menu Main 1, Main 2, Main n, były na białym tle z zielonymi literami?
Wydaje mi się, że styl powinien działać dla każdego elementu który jest bezpośrednim dzieckiem elementu głównego


  • Jednak zakodowanie tego moje jest błędne.</p>
0

przepraszam zastosowałem jakieś tagi html i zle się wyswietla moj post takze raz jeszcze

przygowałem FIDDLE

Chciałbym bez zmiany HTMLa modyfikując CSS sprawić aby pozycje menu Main 1, Main 2, Main n, były na białym tle z zielonymi literami?
Wydaje mi się, że styl powinien działać dla każdego elementu "li" który jest bezpośrednim dzieckiem elementu głównego "ul z id nav"

Jednak zakodowanie tego moje jest błędne.

</p>
0

https://css-tricks.com/the-difference-between-id-and-class/ To po pierwsze.

Nie wiem, czy jest to to co chciałeś osiąnąć, bo za nic nie mogę rozgryźć Ciebie i twojego kodu. Wymotałem coś takiego https://jsfiddle.net/x3wLgav4/

Zauważ ile u siebie w kodzie masz zagnieżdżeń, wszystko pomotane.

Nie dość, że zamiast klas użyłeś id to zamnkąłeś ul o id nav, który znajduje się w li, która jest zamknięta w ul o id nav.

#nav>li:hover>ul:after

Za dużo motasz w tym CSS. After, jak i before jest po podójnym dwukropoku.

Nie wiem też do czego ma służyć to:

#nav ul li>a.current {
background-color: orange;
}

Sporo pracy przed Tobą.

0

@MasterOf: chciałbym aby menu po wczytaniu bylo biale. Gdy najedziemy nadal jest biale ale to co się rozwija jest zielone. Po najechaniu tego co się rozwija - biale.

0

W jednym miejscu w moim kodzie wystarczy zmienić jeden wyraz, pomyśl sam.

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0