Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Styl dla elementu z potomkiem
Forum PHP.pl > Forum > Przedszkole
lukasamd
Witam,
temat pewnie nie za wiele mówi, ale już sam nie wiem, jak to w ogóle ująć.
Wszystkie linki w witrynie posiadają inne tło przy hover, oczywiście ustawione z poziomu CSSa.

Mam teraz taki oto kod:

  1. <a href="costam"><img src="costam" /></a>


W efekcie po najechaniu na obrazek, w jego dolnej części pojawia się takie podświetlenie, jak w innych linkach, co nie wygląda zbyt dobrze.
Ręcznej możliwości nastawienia klas linków / obrazków nie ma - za dużo roboty, bo materiałów jest naprawdę sporo.

Chciałbym więc ustalić właściwości dla każdego a, po którym stoi img, zarówno jako link jak i hover.

Oczywiście taki kod:

Kod
a:hover > img {
wlasciwosci
}


nie spełnia zadania, bo dotyczy img zamiast znacznika a, zaś jego właściwości są dziedziczone z głównych ustawień.

Jak można sensownie to zrobić?
krzysztof_kf
Przykład chyba grafikę wiesz jak wrzucić dla linków

  1. <style type="text/css">
  2. li.link a {
  3. font-size: 1em;
  4. color: #00ff00;
  5. }
  6.  
  7. li.link1 a {
  8. font-size: 2em;
  9. color: #ff0000;
  10. }
  11.  
  12. li.link2 a {
  13. font-size: 3em;
  14. color: #000000;
  15. }
  16.  
  17. li.link3 a {
  18. font-size: 4em;
  19. color: #332266;
  20. }
  21.  
  22.  
  23.  
  24.  
  25. </style>
  26.  
  27. <li class="link"><a href="index.php">Link</a></li>
  28. <li class="link1"><a href="index.php">Link1</a></li>
  29. <li class="link2"><a href="index.php">Link2</a></li>
  30. <li class="link3"><a href="index.php">Link3</a></li>
lukasamd
Nie zrozumiałeś mnie - w podanym przez Ciebie przykładzie właściwości odnoszą się do znaczników "a" występujących po znacznikach "li" z odpowiednimi klasami.
Mi chodzi o odwrotne ugryzienie sprawy (dla każdego "a", po którym stoi "img") - w przedstawionym przez Ciebie przykładzie chciałbym np. określić wygląd li, gdyby wyglądało to tak:

Kod
<li><a href="index.php" class="link">Link</a></li>
<li><a href="index.php" class="link">Link1</a></li>
<li><a href="index.php" class="link">Link2</a></li>
<li><a href="index.php" class="link">Link3</a></li>


Znam przykładowo to, co jest po "li", znam nawet klasę tego elementu, ale nie mam pewności co do samego "li", a jego właściwości chcę określić.
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.