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;
}