如何更改活动的移动菜单项颜色?

Question

我正在尝试更改活动的移动菜单项颜色，并使用了我在网上找到的这段代码，但它不起作用。

.nav-menu a {
color: #fff !important;
}
.nav-menu a:hover {
color: #fff !important;
}

该网站是： roheatingandcooling.com

感谢您的帮助！

Answer 1

这里可能会有一些混淆。Hover是指当鼠标指针悬停在元素上方时应用于元素的样式。Active是指在元素处于"激活"状态时设置元素样式，而不管鼠标指针位于何处。例如，按下按钮。

您在问题上写了"活动"，但您的代码显示"悬停"。

要定位活动状态，请使用：

.nav-menu a:active {
color: #fff !important;
}

有关文档的详细信息。