Hola,
Me gustaría hacer un hover que afecte a 2 casillas de una tabla, a la vez. ¿Me puedes ayudar?
Código:
<tr>
<td class="row">
<img src="img/8.gif">
</td>
<td class="row"
<p class="p1">The life in the steets</p>
<p class="p2">22h-23h</p>
</td>
</tr>
.row {
background-color: #FFFFFF;
border-bottom: 1px solid #C0C0C0;
padding-left: 5px;
}
.p1 {
margin: 0;
padding: 1px;
margin-top: 4px;
font-weight: bold;
color: #0F10CE;
}
.p2 {
margin: 0;
padding: 1px;
margin-bottom: 4px;
}
Este es el resultado del hover:
.activo {
background-color:#DEEFEE;
border-bottom: 1px solid #C0C0C0;
padding-left: 5px;
}