将行样式应用于行悬停时的第一个表格单元格

Question

我有一个包含两个单元格的表格行。我怎样才能这样做，当我悬停行时，只有第一个表格单元格的背景会改变颜色？

#formTable tr:hover {
   background:red; // only want the first cell to change...
                   // ...this will do the whole row
}

Answer 1

这应该有效：

#formTable tr:hover td:first-child {
   background:red;
}

：第一个孩子：https://developer.mozilla.org/en-US/docs/CSS/:first-child

Answer 2

这只会改变第一行的第一个单元格：

#formTable tr:first-child:hover td:first-child{
    background-color: red;
}

这会改变任何一行的第一个单元格：

#formTable tr:hover td:first-child{
    background-color: red;
}