Ver Mensaje Individual
  #13 (permalink)  
Antiguo 16/10/2011, 13:02
Avatar de IsaBelM
IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 11 meses
Puntos: 1012
Respuesta: hover en tablas

algo como así y lee este tutorial
Cita:
td {
background-color: red;
}

tr:nth-of-type(2n) td:nth-of-type(1) { /* escondemos el borde del 1º td de las filas pares */
border: 1px solid;
border-color: #000 #000 #000 #FFF;
background-color: #FFF;
}

tr:nth-of-type(2n+1):hover td { /* filas impares */
background-color: gray;
}

tr:nth-of-type(2n) td:nth-of-type(1):hover ~ td{ /* filas pares. 1º td. se mantiene color original de los demás tds */
background-color: red;
}

tr:nth-of-type(2n):hover td:nth-of-type(1n+2) { /* filas pares. segundo y demás tds */
background-color: gray;
}