我在这里遇到了一个有趣的问题:
有一个包含少量单元格的表格,其中一些具有行跨度:
+----+----+----+----+
| | | c4 | cx |
| | c2 +----+----+
| | | c5 | cx |
| c1 +----+----+----+
| | | c6 | cx |
| | c3 +----+----+
| | | c7 | cx |
+----+----+---------+
使用以下 CSS,我只想在悬停该行时突出显示单元格 c4、c5、c6、c7 和相应的 cx 单元格:
tr:hover td:not([rowspan]) {
background: #F1F1F1;
}
当 c4 .. c7 悬停时就像一个魅力 - 只有单元格本身及其对应的 cx 单元格获得新的背景颜色。
当 c1 到 c3 悬停时,行 c4 也悬停 - 考虑到选择器非常有意义。问题是我不希望它以这种方式运行并且不知道如何阻止它。
有任何想法吗?如果需要,我会提供一个小提琴。