css - 覆盖 TD :first-child with TR:hover?

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/