Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Hover nad elementem Klasy "klasa" oddziaływanie na wszystkie elementy tej klasy
Forum PHP.pl > Forum > Przedszkole
followc
Witam,

w jaki sposób, za pomocą CSS, mogę wpływać na wszystkie elementy danej klasy "wisząc" nad jednym z nich?

wszelkie kombinacje w stylu:

  1. .klasa:hover > .klasa *{



niestety nie przynoszą żadnego efektu
viking
Cytat
.klasa:hover > *{
followc
nope:/
viking
Co konkretnie dalej robisz?
followc
Na razie tylko tyle

  1. .klasa:hover > *{
  2. background:red !important;
  3. }


może mieć znaczenie fakt, że chodzi o jedną tabele i próbuje zahaczyć cełe piony? Może jest na to prostszy sposób?
viking
http://trentrichardson.com/2010/03/22/colo...bles-css3-rgba/

Ciężko stwierdzić co masz w kodzie bo robisz z tego sekret.
followc
  1. [body]
  2.  
  3. <table class="ceny-abonament">
  4. <tr><th rowspan="2" style="vertical-align: middle;">Wybierz pakiet</th><th class="klasa">1</th><th>2</th><th>3</th><th>4</th> <th>5</th><th>6</th></tr>
  5.  
  6. <tr><td class="klasa">1400zł<br>miesięcznie</td><td>2500zł<br>miesięcznie</td><td>3600zł<br>miesięcznie</td><td>7000zł<br>miesięcznie</td><td>80zł<br>miesięcznie</td><td>10000zł<br>miesięcznie</td></tr>
  7.  
  8. <tr> <td class="first">Ilość zakbiegów</td><td class="klasa">1-3</td> <td>4-10</td> <td>11-25</td> <td>26-50</td> <td>51-100</td> <td>do 150</td></tr>
  9.  
  10. <tr><td class="first">Wyżywienie</td><td class="klasa">+</td><td>+</td><td>+</td><td>+</td><td>+</td><td>+</td></tr>
  11.  
  12. <tr><td class="first">Opcja kolejna</td><td class="klasa">+</td><td>+</td><td>+</td><td>+</td><td>+</td><td>+</td></tr>
  13.  
  14. <tr><td class="first">Opcja kolejna</td><td class="klasa">1</td><td>2</td><td>3</td><td>5</td><td>7</td><td>8</td></tr>
  15.  
  16.  
  17.  
  18. [/body]
viking
Patrz link wyżej. Jak sam widzisz komórki z klasami nie mają żadnych dzieci tylko węzły tekstowe. Samo się nie ostyluje jeśli nie ma żadnego grupowania.
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.