Javascript 在表格中悬停一行时，如何仅突出显示该行的几个单元格？

我正在开发我的web应用程序，我在其中有一个HTML表格，我想在鼠标悬停该行的同时点亮该行的一些单元格。我不想高亮显示该行的所有单元格，但我也不想高亮显示单个单元格

.th行[target=yes]：悬停{
背景色：#111；
}

它一个单元格一个单元格地突出显示

.line:hover{
    background-color: #111;
}

.cell:悬停{
背景色：#111；
}

它还突出显示了每个单元格

.line:hover{
    background-color: #111;
}

它突出了整条线

属于
开始日期
结束日期
地位

---

我只想高亮显示“cell”类的单元格。

您可以通过其父级选择.cell类来完成此操作，如下所示：

.line:hover.cell{
背景色：#111；
}

您可以通过通过其父级选择.cell类来完成此操作，以下是方法：

.line:hover.cell{
背景色：#111；
}

您实际上只需逐字翻译所需内容：选择悬停

行的后代的所有
.cell
元素：

.line:hover .cell { /* … */ }

实际上，您只需逐字翻译所需内容：选择作为悬停的
行的后代的所有
.cell
元素：

.line:hover .cell { /* … */ }

要使它工作（在这里和页面中），您需要围绕它包装一个表

一个
th
本身就是伏都教魔法


.line:hover.cell{
背景色：#111；
}

属于
开始日期
结束日期
地位
要使它工作（在这里和页面中），您需要在它周围包装一个表

一个
th
本身就是伏都教魔法


.line:hover.cell{
背景色：#111；
}

属于
开始日期
结束日期
地位

.line.cell:悬停{
文字装饰：下划线；
}

属于
开始日期
结束日期
地位

.line.cell:悬停{
文字装饰：下划线；
}

属于
开始日期
结束日期
地位
.line:hover.cell
…您只需逐字翻译所需内容：选择所有悬停
.line
的后代
.cell
…非常感谢您的快速有效响应
.line:hover.cell
…您只需逐字翻译所需内容：选择所有悬停
的后代
.cell
。line
…非常感谢您快速有效的回复！