Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] oddziaływanie hover na rodzica
bliitz
post
Post #1





Grupa: Zarejestrowani
Postów: 155
Pomógł: 12
Dołączył: 5.04.2008

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


Witam

  1. <div class="dane">
  2. <div class="imie">xxx</div>
  3. <div class="nazwisko">yyy</div>
  4. </div>
  5.  
  6. lub
  7.  
  8. <ul class="dane">
  9. <li class="imie">xxx</li>
  10. <li class="nazwisko">yyy</li>
  11. </ul>

w jaki sposób sprawić aby najechanie na obojętnie który element powodowało pokolorowanie wszystkich dzieci w określonym elemencie dane?

próbowałem
  1. li:hover > ul { background-color: #CCC; }
  2.  
  3. lub
  4.  
  5. div:hover > .dane { background-color: #CCC; }


nie powoduje zmiany koloru tła wszystkich elementów.

Przy okazji do tworzenia takich list lepiej stosować zagnieżdżone div czy ul li ?


--------------------
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
baa
post
Post #2





Grupa: Zarejestrowani
Postów: 18
Pomógł: 4
Dołączył: 14.08.2009

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


Hover na elemencie nie ma żadnego wpływu na rodzica i w CSS nie da się tego zrobić. To, czego próbujesz to selektor dziecka, a z tego co rozumiem, chciałbyś, żeby działał odwrotnie. winksmiley.jpg
  1. li:hover > ul { ... }
dotyczy dziecka LI i zadziała dla listy (UL), znajdującej się wewnątrz tego elementu listy.

Takie rzeczy to tylko w JS. winksmiley.jpg
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 19.08.2025 - 09:09