Question

我的耐心已经结束，需要对案件有所帮助。我正在尝试使它工作 - 当我在菜单上打开标签时，所选标签的默认svg（黑色）图标需要被另一个svg（白色）替换。

#menu a .main-menu-icon {
display:inline-block;
width:22px;
height:21px;
line-height:40px;    
margin-right:7px;
background: url(/images/digital.svg);
}
__________________________________________________________
#menu .nav-tabs>li>a.menu_digital>.main-menu-icon{
background: url(/images/digital.svg);
}
#menu .nav-tabs>li>a.menu_digital:active>.main-menu-icon {
background: url(/images/digital_white.svg);
}

在那种情况下（可能是愚蠢的），只有当我直接按住它时，svg才会改变（白色），在我释放按钮之后，无论我是否在标签的页面中，默认的svg（黑色）回去。

谢谢。祝你今天愉快。：）

Answer 1

您问题中的CSS包含

#menu .nav-tabs>li>a.menu_digital:active>.main-menu-icon {
  background: url(/images/digital_white.svg);
}

选择器包含:active，因此仅在按下时适用于菜单项。加载目标页面后，点击的菜单项可能会有类 active（取决于CMS），因此您需要将其添加到选择器列表中（请注意差异{ {1}} vs :）：

CSS：导航菜单中的SVG在选择选项卡时更改（活动）

1 个答案: