ciao a tuttiho un problemino con il mio sito: ho varie tabelle, tutte che servono a mostrare il testo di una canzone, a sinistra in inglese mentre a destra in italiano. vi mostro un esempio:
<table class="tabella">
<tr>
<th>The Happiest Days of Our Lives</th>
<th>I Giorni Più Felici delle Nostre Vite</th>
</tr>
<td>When we grew up and went to school</td>
<td>Quando crescemmo e andammo a scuola</td>
</tr>
<tr>
<td>There were certain teachers who would</td>
<td>C'erano certi insegnanti che volevano</td>
</tr>
<tr>
<td>Hurt the children anyway they could</td>
<td>Ferire i ragazzi in ogni maniera possibile</td>
</tr>
<tr>
<td>By pouring their derision</td>
<td>Coprendo di ridicolo </td>
</tr>
<tr>
<td>Upon anything we did</td>
<td>Ogni cosa che facevamo</td>
</tr>
...
</table>
ecco la classe tabella:
.tabella {
background-color: rgba(0,0,0,0.0);
border:10px;}
io praticamente volevo fare che andando col puntatore sopra ad ogni riga (quindi ogni <tr>) il colore di tutte le scritte presenti in quest'ultima diventassero di un colore specifico, #ff99ff. quindi andando sopra alla scritta in italiano o quella in inglese cambiasse colore anche l'altra. inizialmente avevo pensato di fare così:
tr:hover {
color:#ff99ff;}
salvo poi scoprire che <tr> non ha questo attributo.. come posso rimediare?
Rispondi quotando
