html – CSS表:在悬停时更改背景,包括替代行

我创建了一个带有表格的示例页面.如果页面将来被删除,here’s就会在Pastebin上删除代码.

我想在悬停时突出显示表格行.它适用于普通tr,但它不适用于tr.alt(奇数行).

突出显示代码:

tr:hover,tr.alt:hover
{
background: #f7dcdf;
}

使奇数行不同颜色的代码:

tr.alt td
{
background: #daecf5;
}

任何想法如何解决这个问题?

解决方法

确保悬停效果的规则低于.alt颜色,因为这会覆盖先前的规则或添加!important

tr:hover,tr.alt:hover
{
    background: #f7dcdf!important;
}

另请注意,您将.alt行的背景颜色应用于单元格(td’s),此颜色将显示在tr背景的“前面”,因此请更改规则,以便两者都用于单元格或整行

相关文章

HTML代码中要想改变字体颜色,常常需要使用CSS样式表。CSS是...
HTML代码如何让字体盖住图片呢?需要使用CSS的position属性及...
HTML代码字体设置 在HTML中,我们可以使用标签来设置网页中的...
在网页设计中,HTML代码的字体和字号选择是非常重要的一个环...
HTML(Hypertext Markup Language,超文本标记语言)是一种用...
外链是指在一个网页中添加一个指向其他网站的链接,用户可以...