Html 悬停tbody时替代元素的样式

我在

中遇到问题：悬停

我想让
t车身的最后一个
tr
在其
t车身
悬停时也改变颜色。问题是最后一个
tr
有自己的类

以下是我的代码结构：


.cust表{
边框：1px纯黑；
边界塌陷：塌陷；
宽度：100%；
}
.cust表td{
边框：1px纯黑；
填充：10px；
}
.cust表格主体：第n个孩子（偶数）{
背景色：白色；
}
.cust表格主体：第n个孩子（奇数）{
背景颜色：绿色；
}
.cust颜色{
背景颜色：蓝色；
}
.cust table t主体：悬停{
背景颜色：黄色；
}

A.
第1列
第2列
第1列
第2列
客户颜色
B
第1列
第2列
第1列
第2列
客户颜色
C
第1列
第2列
第1列
第2列
客户颜色
仅当
t车身
未悬停时，使用此规则设置自定义颜色：

tbody:not(:hover) .cust-color {
  background-color: blue; 
}


.cust表{
边框：1px纯黑；
边界塌陷：塌陷；
宽度：100%；
}
.cust表td{
边框：1px纯黑；
填充：10px；
}
.cust表格主体：第n个孩子（偶数）{
背景色：白色；
}
.cust表格主体：第n个孩子（奇数）{
背景颜色：绿色；
}
t车身：非（：悬停）。客户颜色{
背景颜色：蓝色；
}
.cust table t主体：悬停{
背景颜色：黄色；
}

A.
第1列
第2列
第1列
第2列
客户颜色
B
第1列
第2列
第1列
第2列
客户颜色
C
第1列
第2列
第1列
第2列
客户颜色
仅当
t车身
未悬停时，使用此规则设置自定义颜色：

tbody:not(:hover) .cust-color {
  background-color: blue; 
}


.cust表{
边框：1px纯黑；
边界塌陷：塌陷；
宽度：100%；
}
.cust表td{
边框：1px纯黑；
填充：10px；
}
.cust表格主体：第n个孩子（偶数）{
背景色：白色；
}
.cust表格主体：第n个孩子（奇数）{
背景颜色：绿色；
}
t车身：非（：悬停）。客户颜色{
背景颜色：蓝色；
}
.cust table t主体：悬停{
背景颜色：黄色；
}

A.
第1列
第2列
第1列
第2列
客户颜色
B
第1列
第2列
第1列
第2列
客户颜色
C
第1列
第2列
第1列
第2列
客户颜色
Ori Drori的答案可能是最好的，但这里有一个替代解决方案：

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

当其父tbody悬停时覆盖tr颜色。
Ori Drori的答案可能是最好的，但这里有一个替代解决方案：

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

当其父tbody悬停时覆盖tr颜色。
为特定的
tr添加规则：

.cust-table tbody:hover,
.cust-table tbody:hover .cust-color{
   background-color: yellow;
}

为特定的
tr
添加规则：

.cust-table tbody:hover,
.cust-table tbody:hover .cust-color{
   background-color: yellow;
}

非常感谢。我同意你的看法，Ori Drori的答案是最简单和最好的解决方案。谢谢！我同意你的看法，Ori Drori的答案是最简单和最好的解决方案。