Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Styl dla elementu z potomkiem, Nie wiem jak to ująć
-lukasamd-
post
Post #1





Goście







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ć?

Ten post edytował lukasamd 17.04.2010, 13:21:11
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----


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>


Ten post edytował krzysztof_kf 17.04.2010, 13:49:04
Go to the top of the page
+Quote Post
-lukasamd-
post
Post #3





Goście







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ć.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 22:37