覆盖TD:TR的第一个孩子:悬停？

Question

我有一张表,其中第一个单元格具有不同的背景.当应用TR:hover时,这些单元格不会改变.

当行悬停时,有没有办法覆盖它们？

#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

尝试

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

是的,它的工作原理.

代码:http://jsfiddle.net/b9ndZ/1/