覆盖表格特定行的悬停样式

izkcnapc 于 2021-09-29 发布在 Java

关注(0)|答案(1)|浏览(196)

我们有一个通用css样式，定义如下：

.table-container table tr:hover td {
  background-color: #eaeaea;
}

这用于应用程序中的所有表。但是，我必须为特定行上的特定表重写它。我附加在每个新的css样式 <tr class=‘edited’> 根据这一定义：

.edited {
  background-color: #f8cbad;
}

但是，当鼠标悬停在行上时，它使用的是通用的悬停样式，我无法覆盖它。
您能建议如何覆盖它，使我看到与编辑样式相同的背景色，即使是在悬停行上？
我尝试了跟随和调整，但没有成功。

.table-container table tr:hover .edited td {
  background-color: #eaeaea;
}

1条答案

好的，经过一番尝试，我终于明白了。回答帮助他人：为特定样式类定义悬停完成了以下任务：

.edited {
  background-color: #f8cbad;
}
.edited:hover {
  background-color: #f8cbad !important;
}