[CSS]Hover nad elementem Klasy "klasa" oddziaływanie na wszystkie elementy tej klasy Opcje

[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:

[HTML] pobierz, plaintext 
.klasa:hover > .klasa *{
[HTML] pobierz, plaintext 

niestety nie przynoszą żadnego efektu

[viking]

.klasa:hover > *{

[followc]

nope:/

[viking]

Co konkretnie dalej robisz?

[followc]

Na razie tylko tyle

[HTML] pobierz, plaintext 
.klasa:hover > *{
	background:red !important;
}
[HTML] pobierz, plaintext 

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?

Ten post edytował followc 31.05.2016, 16:13:12

[viking]

http://trentrichardson.com/2010/03/22/colo...bles-css3-rgba/

Ciężko stwierdzić co masz w kodzie bo robisz z tego sekret.

[followc]

[HTML] pobierz, plaintext 
[body]
 
<table class="ceny-abonament">
<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>
 
<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>
 
<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>
 
<tr><td class="first">Wyżywienie</td><td class="klasa">+</td><td>+</td><td>+</td><td>+</td><td>+</td><td>+</td></tr>
 
<tr><td class="first">Opcja kolejna</td><td class="klasa">+</td><td>+</td><td>+</td><td>+</td><td>+</td><td>+</td></tr>
 
<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>
 
 
</table>
 
[/body]
[HTML] pobierz, plaintext 

Ten post edytował followc 31.05.2016, 16:46:36

[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.

[trueblue]

https://css-tricks.com/simple-css-row-column-highlighting/