与两个类一起使用时，css问题很重要

Question

我的条件是我们有以下代码。我想在使用类greyLock时覆盖tr：hover。如何实现它。我无法删除背景颜色：#EEE！important;来自tr：hover class。

tr:hover {
    background-color: #EEE !important;
    cursor: pointer;
}

.greyLock {
    background-color: #7A7A7A !important;
    cursor:default !important;
}

Answer 1

!important样式在尝试覆盖它们时遵循与普通css样式相同的specificity规则。

要使.greyLock规则覆盖tr:hover中的规则，您需要使选择器更具体。

根据你的HTML，这样的事情可以解决问题：

tr.greyLock:hover {
    background-color: #7A7A7A !important;
    cursor:default !important;
}

Answer 2

测试以在其他css表格上重新定义tr:hover并在第一张表格之前链接到html