Question

I have a table where the first cells have a different background. When the TR:hover is applied those cells do not change.

Is there a way to override them when the row is hovered?

#spreadsheet TABLE, #spreadsheet TH, #spreadsheet TD { 
  border:1px solid #CCC;
}

#spreadsheet TABLE TR:hover { 
  background:#BAFECB !important;
}

#spreadsheet TD:first-child { 
  background:#fff; 
  white-space:nowrap; 
}

Answer 1

try

#spreadsheet TABLE TR:hover TD { background:#BAFECB !important; }

Yep, it works.

Code: http://jsfiddle.net/b9ndZ/1/