Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] oddziaływanie hover na rodzica
Forum PHP.pl > Forum > Po stronie przeglądarki
bliitz
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 ?
baa
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
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.