覆盖某些行的引导表悬停

Question

我有一个引导表，其中某些行中使用table-light CSS和此代码，这些代码覆盖了td的颜色和文本的颜色。我的问题是如何也可以为台灯类覆盖悬停颜色？

eval

如果我尝试此操作，则有效，但不适用于使用table-light类的行，仅适用于未定义类的行。那么，如何仅更改台灯的悬停？

.table-light,
.table-light > th,
.table-light > td {
 background-color: #F5F5F5;
 color: #424242;
 }

这是正在使用的html表的示例。

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

Answer 1

您可以使用悬停。这是一个伪类。查看此link，您还可以练习并找到其他有用的CSS技巧。

.table-light td:hover {
 background-color: #000000;
 color: #FFFFFF;
 }