CSS hover la Clasa in clasa

Coduri intrebari, probleme legate de HTML, XHTML si CSS
djantonik
Mesaje: 21

CSS hover la Clasa in clasa

Salut Marplo,
Am si eu o curiozitate. Se poate sa incluzi o clasa intr-o alta clasa sau un id intr-un alt id ?
Ca sa intelegi mai bine iti dau un exemplu :

Cod: Selectaţi tot

<table>
  <tr class="unu">
    <td width="400px">Prima parte</td>
    <td width="30px" class="doi">A doua parte</td>
  </tr>
</table>
Ce vreau eu defapt, este ca atunci cand in CSS pun ".unu td:hover{ background-color: red;}" mi se coloreaza TD din .UNU dar vreau sa fac ca atunci cand trec cu mouse-ul pe clasa "unu" TD sa mi se coloreze si clasa "doi" .
E doar un exemplu.

Se poate face acest lucru ?? Fara a folosi JavaScript sau alte limbaje.
Va rog ajutati-ma.
Învaţă ce iţi trebuie, nu ce trebuie !!

MarPlo Mesaje: 4343
Salut
Daca vrei sa colorezi toate coloanele TD incluse in elementul cu class="unu" , poti face asa:

Cod: Selectaţi tot

.unu:hover td { background-color: red;}
Codul dat mai sus coloreaza toate TD din ".unu", deci si prima coloana si a doua.
Daca vrei sa colorezi elementele cu ".doi", incluse in ".unu" , merge ca in exemplu urmator (adaugi class="doi" la toate care trebuie colorate).

Cod: Selectaţi tot

<style type="text/css"><!--
.unu:hover .doi { background-color: red;}
--></style>

<table>
 <tr class="unu">
  <td width="400px" class="doi">Prima parte</td>
  <td width="30px" class="doi">A doua parte</td>
  <td width="80px">A treia parte</td>
 </tr>
</table>

djantonik Mesaje: 21
MarPlo scrie:Daca vrei sa colorezi elementele cu ".doi", incluse in ".unu" , merge ca in exemplu urmator (adaugi class="doi" la toate care trebuie colorate).

Cod: Selectaţi tot

<style type="text/css"><!--
.unu:hover .doi { background-color: red;}
--></style>

<table>
 <tr class="unu">
  <td width="400px" class="doi">Prima parte</td>
  <td width="30px" class="doi">A doua parte</td>
  <td width="80px">A treia parte</td>
 </tr>
</table>
GENIAL !! Functioneaza !:D Mersi mult Marplo.
Învaţă ce iţi trebuie, nu ce trebuie !!