如何处理已访问锚点的覆盖答案

【问题标题】：How to deal with the overwrite of visited anchors如何处理已访问锚点的覆盖
【发布时间】：2020-10-27 16:50:18
【问题描述】：

当用户在此特定项目的页面上时，我正在尝试在我的子菜单项上应用特定颜色（绿色）。

问题是：

-我所有的菜单项都需要设置为基色（赭色）

.header_menu {
text-decoration: none;
color: var(--lightocher);}

-所以所有锚点都设置为相同的颜色，即使被访问也能保持赭色。

.header_menu a:visited {
color: var(--lightocher);}

-所以我的绿色不能通过，因为他被 :visited color 覆盖了

.current_page_item, .current-menu-item, .current-menu-parent {
color: var(--green);}

我该如何处理？

【问题讨论】：

【解决方案1】：

尝试添加更具体的设置：

a.current-menu-parent:visited, a.current-menu-item:visited {
color: var(--green);
}

【讨论】：

【解决方案2】：

您也可以将 !important 添加到规则中，即使在特定上下文中添加它不是很好。

    current-menu-parent:visited, current-menu-item:visited {
         color: var(--green) !important;
    }

【讨论】：