我需要显示红色背景色在我悬停。例如，如果我悬停“苹果”，那么所有的“苹果”都将被悬停成相同的颜色。当前只能悬停一个。

codepen

---

顺晟科技：

你可以在…的帮助下做到这一点。尝试运行以下代码段。

这是您可以尝试的一种方式:

在每个td中添加一个类并使用jQuery。 请参见下面的示例。

这不能仅用HTML和CSS来完成，因为CSS不知道内容。

使用Javascript可以设置CSS变量，这些变量将设置单元格的背景。

此代码片段遍历每个td元素并设置样式background:var(--name of fruit)，因此，例如，所有apple单元格都具有style=“background:var(--apple）；”添加到他们身上。然后，当td悬停时，JS将--Apple设置为红色，当鼠标移出时，它将其设置为透明。

这样，所有背景为：var（--apple）的TD都将得到高亮显示。

每次进行悬停时不需要遍历表中的所有单元格，您可以在开始时将所有内容设置一次。

如果不想添加额外的ID并将jquery作为依赖项添加到代码中，可以使用普通JS

<td>

工作示例:https://codepen.io/ipasha/pen/eyrkxp