Html 添加RowSpan时出现表悬停问题

我已经用table创建了一个应用程序，它丢失了行跨度为3的行，当我悬停这些行时，它会高亮显示第一行，而不是对应的行跨度行

tr：悬停td{ 背景：00FF33； } 不 食品名称 类型 地位 1. 莫扎雷拉干酪 有规律的 可获得的 保险费 刚出现的 2. 绿茶牛奶 有规律的 可获得的 保险费 刚出现的 正如我在上一个问题中所回答的那样，这可以通过html的小改动来实现

我们应该为整行使用tbody，并且可以为tbody编写悬停函数

t车身：悬停td{ 背景：00FF33； } 不 食品名称 类型 地位 1. 莫扎雷拉干酪 有规律的 可获得的 保险费 刚出现的 2. 绿茶牛奶 有规律的 可获得的 保险费 刚出现的

---

遗憾的是，您正在搜索的解决方案单靠CSS是不可能的，因为CSS不提供选择器来选择前面的子项，您需要突出显示多行。相反，您可以使用tbody元素稍微修改一下HTML，使之成为可能

tbody元素可与thead和tfoot结合使用，例如，在锁定表的页眉和页脚的同时启用滚动。此外，打印时，如果表格跨越多个页面，页眉和页脚可能会在下一页重复。您可以将行包装在tbody中，以确保当您将鼠标悬停在所有行上时，它们都高亮显示

t车身：悬停td{ 背景：00FF33； } 不 食品名称 类型 地位 1. 莫扎雷拉干酪 有规律的 可获得的 保险费 刚出现的 2. 绿茶牛奶 有规律的 可获得的 保险费 刚出现的

---

我已经发现了这一点，我在自己的问题中也给出了同样的答案。