在squarespace

Question

这里不是一个超级先进的编码器。我正在寻求“简单地”调整网站子导航中活动链接的样式。

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

现在，我的样式会影响网站上所有导航中的活动链接。理想情况下，我有一组主导航样式，一个用于此子导航。

我设法在活动链接上添加了薄荷绿色下划线，这很棒，但无论出于何种原因，我都无法将链接颜色本身改为相同的薄荷绿色。

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

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

如果你不能改变特异性并且需要覆盖已经存在的东西，

应该有效。