CSS使悬停覆盖事件类

Question

我想让我的悬停颜色覆盖我的事件类颜色。

这是我的悬停:

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

这是我的 active li 类:

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

当我将鼠标悬停在我的事件类上时，颜色优先。我希望悬停在悬停时优先于我的事件类颜色。我该怎么做？

Answer 1

你可以简单地这样做:

.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;
}

希望对您有所帮助。

---