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