CSS使悬停覆盖活动类

我想让我的悬停颜色覆盖我的活动类颜色

这是我的悬停：

.tabs nav a:hover {
    box-shadow: inset 0 -2px #1E528A;
}

这是我的活动李课：

.tabs nav li.active a {
    box-shadow: inset 0 -2px #3792F5;
}

---

当我将鼠标悬停在活动类上时，颜色优先。我希望悬停时悬停优先于我的活动类颜色。我怎样才能做到这一点？

您有一个特殊性问题。通常，这是通过在目标元素本身上使用类名来解决的，而不是像

.tabs nav li.active a

这样的“让我们沿着DOM一路遍历”选择器。因此，要解决此问题，可以在每个

中添加一个类名，如
.navigation link
。看看这个问题：
您可以简单地执行以下操作：

.tabs nav a:hover,
.tabs nav li.active a:hover {
    box-shadow: inset 0 -2px #1E528A;
}

或使用重要的：

.tabs nav a:hover {
    box-shadow: inset 0 -2px #1E528A !important;
}

希望能有帮助

您可以这样做：

.tabs nav li.active a:hover {
    box-shadow: inset 0 -2px #3792F5;
}

它应该可以工作，但它太通用了，需要指定所有嵌套的选择器。
正如注释中所建议的，您可以使用描述性类名，例如：

a.menuLink:hover {
   box-shadow: inset 0 -2px #3792F5;
}

这样，您只需要将
元素与正确的类结合起来

最后，避免使用
！重要信息
，这是一种不好的做法。你应该使用！只有当您没有任何其他选项时才很重要，事实并非如此。
您是否尝试过在.css文件或
标记中切换它们的位置？有时，CSS的编码顺序会有所不同。请使用特殊性：添加
。选项卡导航li:active a:hover
，并将其设置为与其他悬停相同。谢谢！这有助于：）