是否有一种纯 CSS 方法可以在悬停时突出显示 html 表格列？答案

【问题标题】：Is there a pure-CSS way to highlight a html table column on hover?是否有一种纯 CSS 方法可以在悬停时突出显示 html 表格列？
【发布时间】：2015-07-18 11:54:00
【问题描述】：

有没有一种纯 CSS 的方式来突出显示悬停时的 html 表格列？

所以当您将鼠标悬停在<td> 上时，相同子位置的所有其他<td> 都会采用相同的样式？

我查看了<col> 标签，但似乎没有达到我的预期。

【问题讨论】：

对不起，我读错了。您能否为该列中的所有<td> 添加一个类？
我可以，但这似乎是错误的做法。特别是当我希望它完成所有列时，以悬停者为准。并且该表可以是任意数量的列。
你肯定可以用 javascript 做到这一点，但我不知道 css...
css-tricks.com/simple-css-row-column-highlighting

标签： html css hover html-table

【解决方案1】：

你想要的好像是CSS Tricks完成的

基本上，您只需在悬停时在 TD 上设置一个疯狂的高高度，然后给出背景。这样做似乎是一个非常有趣的想法。他们喜欢他们的黑客。 table{ overflow: hidden; } 是这里的超级键。

值得注意....不能用这种方法嵌套。

负 z-index 将其保持在内容下方。负 z-index 是有趣的技巧，但请注意此表不能嵌套在其他表中有背景的元素，否则高亮会在它们下方。

【讨论】：

很好，很好用，谢谢。引导条带列有点麻烦，我需要解决，但肯定可以工作，而且没有任何 Javascript（除非你正在做移动设备）。