在方形空间中更改子导航活动 link 样式

Question

一个不是超级高级的编码器 here.I 正在寻求 "simply" 调整网站子导航中活动 link 的样式。

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

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

我已经设法在活动 link 上添加了薄荷绿下划线，这很好，但无论出于何种原因，我无法让 link 颜色本身更改为相同的薄荷绿绿色.

此代码获取了底部边框，但不是正确的 link 颜色：

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

对不起，如果我是个菜鸟，我就要为看似简单的事情大惊小怪了！

Answer 1

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

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

如果您不能更改特异性并且需要覆盖已有的内容，应该可以使用。