如何在引导程序中悬停时设置td颜色？

Question

默认情况下，Twitter Bootstrap类.table-hover的表使用样式：

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

是否可以执行以下操作：

.table-hover > tbody > tr:hover > td:first-child {
    background-color: inherit !important;
}

td只会更改tr的{​​{1}} {？}}

Answer 1

问题是Bootstraps为tr的背景着色。要覆盖它，您需要使用页面的背景颜色为td着色。

.table-hover > tbody > tr:hover td:first-child {
    background-color: #fff;
}

使用透明背景无效，因为tr的背景颜色位于其下方。

DEMO

您可以使用nth-child选择器来选择行中的所有单元格，但第一个：

.table-hover > tbody > tr:hover td:nth-child(n+2) {
  background-color: #f5f5f5;
}

<击> DEMO