我遇到了这个问题,所以任何帮助将不胜感激。我有一张有几行的桌子。行中的每个单元格都属于某个类别。我使用这些类名来给单元格着色。
这是我的表中的一个示例行:
<tr>
<td class = "summarypage-odd-column">Theme</td> <td class = "summarypage-odd-column">Q2 2009</td> <td class = "summarypage-odd-column">Q1 2009</td>
<td class = "summarypage-even-column">Theme</td> <td class = "summarypage-even-column">Q2 2009</td> <td class = "summarypage-even-column">Q1 2009</td>
<td class = "summarypage-odd-column">Business Area</td> <td class = "summarypage-odd-column">Q1 2009</td> <td class = "summarypage-odd-column">Q1 2008</td>
</tr>
当用户将鼠标指针移动到该行中的任何单元格上时,我想突出显示每一行。所以我使用下面的 CSS 代码来实现这一点。
tr:hover {
background-color: #FFFAF0; color: #000;
}
不幸的是,似乎因为每个表数据单元格都有一个类名,所以悬停不起作用。但是,如果我从数据单元格中删除类名称,则悬停将起作用。
我的问题是有什么方法可以让悬停功能适用于表行,同时仍然具有行内表数据单元格的类名称。
尝试这个:
tr:hover td {
background-color: #FFFAF0; color: #000;
}
将其放置在现有的之后td
样式声明要安全
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)