Cambiar el fondo de cada td con tr parent

On .GMDataRow td:hover Quiero cambiar el color de fondo para cada td en ese elemento tr. ¿Es esto posible solo con CSS? Intento hacerlo solo con CSS, no necesito soluciones JQuery, JS.

   <td ...  

prueba de esta manera

 tr.GMDataRow:hover td{background:#ccc;} 

La solución sugerida por Lalji es perfecta.

 tr.GMDataRow:hover td{ background-color:red; } 
  • tr.GMDataRow encuentra la clase “GMDataRow” en las filas de la tabla.
  • tr.GMDataRow: el control deslizante activará hover css para la fila específica actual.
  • tr.GMDataRow: hover td apuntará a todas las columnas que son secundarias de la fila activa.

Si desea cambiar el fondo de td en el control deslizante de forma diferente … intente esto

HTML

 
ceva ceva ceva ceva

CSS

 .GMDataRow td:first-child:hover { background: yellow; } .GMDataRow td:nth-child(2):hover { background: pink; } .GMDataRow td:nth-child(3):hover { background: red; } .GMDataRow td:last-child:hover { background: blue; } 

También eche un vistazo aquí http://www.w3schools.com/css/css_pseudo_classes.asp , o aquí http://www.w3schools.com/cssref/sel_firstchild.asp tal vez le ayude a comprender mejor.