html - 在方形空间中更改子导航事件链接样式

Question

这里是一个不是 super 高级的编码器。我正在寻求“简单地”调整站点子导航中事件链接的样式。

示例页面: http://printergatherer.com/shop引用其中包含“ALL ... PRINTS”的薄荷绿子导航。

现在，我的样式会影响网站上所有导航中的事件链接。理想情况下，我有一套主导航样式，一套子导航样式。

我已经设法为事件链接添加薄荷绿下划线，这很棒，但无论出于何种原因，我无法让链接颜色本身更改为相同的薄荷绿。

此代码获取底部边框，但不是正确的链接颜色:

#categoryNav ul li.active-link {
  color: #C6D4D0;
  border-bottom: 1px solid #C6D4D0;
}

对不起，如果我是个菜鸟，我就要为看起来如此简单的事情大发雷霆了!

Answer 1

您只需将颜色从 li 移到 anchor 标记上，如下所示:

.active-link a {
 color: #c6d4d0;
 border-bottom: 1px solid #c6d4d0;
}

你可以在这里看到它的 jsfiddle:https://jsfiddle.net/24k1zep4/3/

您的 CSS 非常具体，如果您无法更改它，您可能不得不实际使用更具体的选择器。

#categoryNav .category-nav-links .active-link a {
 color: #c6d4d0;    
}

如果您不能更改特异性并且需要覆盖已经存在的内容，应该可以工作。