CSS在行悬停期间更改所有TD背景的颜色

Question

我有一张表格，每行中的所有单元格都是蓝色的。我想要实现的是当光标悬停在一行上时，该行中的所有单元格都会变为黄色。

我已经知道如何使用CSS来改变悬停时整行的颜色，我已经知道如何在悬停时使用CSS来改变单个单元格的颜色。

我想要的是有点不同，我希望每个单元格在悬停期间将其背景颜色更改为黄色，而不是行bg颜色。原因是每行的最左边的单元格和最右边的单元格具有圆角。如果我在悬停时使用整行的BG颜色，有一个可见的尖角，因为没有圆角属性，可能有办法做到这一点，但现在我正在努力实现（挣扎）只是在鼠标悬停期间更改所有单元格的BG颜色而不是行的颜色而不是仅1个单元格的颜色。这可以实现吗？

Answer 1

我假设你想要改变细胞的颜色而只改变细胞的颜色。如果要根据文本更改颜色，请使用contains（）jQuery选择器：

CSS：

.greenBg {
background: green;
}

jQuery：

$("td:contains('Exceeds')").addClass('greenBg');

Answer 2

我认为这个CSS会对你有帮助。

tr:hover td {
   background-color: yellow;
}