Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Formatowanie menu
Forum PHP.pl > Forum > Przedszkole
djtomaszq
Mam problem z zmianą koloru textu w menu.
css
  1. ol, ul{
  2. margin: 0px;
  3. padding: 0px;
  4. text-align: center;
  5. list-style-type: none;
  6. line-height: 30px;
  7.  
  8. }
  9.  
  10. ol > li{
  11. color: white;
  12. width: 100px;
  13. height: 30px;
  14. font-weight: bold;
  15. float: left;
  16. margin-top: 1px;
  17. margin-bottom: 1px;
  18. background: #339900;
  19. }
  20.  
  21. ol > li > ul{
  22. width: 100px;
  23. display: none;
  24. background: #99CC66;
  25. position: absolute;
  26. }
  27.  
  28. ol > li:hover > ul{
  29. display: block;
  30. background: #CCFF66;
  31.  
  32. }
  33.  
  34. ol > li:hover{
  35. text-shadow: 1px 1px 1px red;
  36. background: #66CC33;
  37. }


html
  1. <ol>
  2. <li>MENU
  3. <ul>
  4. <li><a href="#">Lista 1</a></li>
  5. <li><a href="#">Lista 2</a></li>
  6. <li><a href="#">Lista 3</a></li>
  7. </ul>
  8. </li>
  9. <li>Liga
  10. <ul>
  11. <li><a href="#">Mecz 1</a></li>
  12. <li><a href="#">Mecz 2</a></li>
  13. <li><a href="#">Mecz 3</a></li>
  14. </ul>
  15. </li>
  16. <li>KONTAKT
  17. <ul>
  18. <li><a href="#">Profilek 1</a></li>
  19. <li><a href="#">Profilek 2</a></li>
  20. <li><a href="#">Profilek 3</a></li>
  21. </ul>
  22. </li>
  23. </ol>



Mam ustalony cien pod tekst dla dziecka ol > li ale wyswietla się on też w ol > li > ul >li.
Dlaczego ?
trueblue
Drugie <li> dziedziczą ten styl.
Dodaj:
Kod
li:hover ul>li{
    text-shadow:none;
}
djtomaszq
ok działa ale powiedz mi czy ol > li nie powinno być tylko dla pierwszych li ? Dlaczego drugie li też to dziedziczy?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.