change subnav active link styling in squarespace

Question

Не супер-продвинутый кодер здесь. Я пытаюсь «просто» настроить стиль активной ссылки в поднавигация на сайте.

Номер примера: http://printergatherer.com/shop Ссылка на майни-зеленый суб-навигатор, в котором есть «ВСЕ ... ПЕЧАТИ».

Прямо сейчас у меня есть стиль, который влияет на активную ссылку во всех навигациях на сайте. В идеале у меня есть один набор стилей для главного навигатора, и один для этого вспомогательного навигатора.

Мне удалось добавить зеленое подчеркивание монетного двора к активной ссылке, что здорово, но по какой-то причине я просто НЕ МОЖЕТ получить сам цвет ссылки, чтобы перейти на тот же зеленый оттенок.

Этот код получает снизу границу, но не правильный цвет ссылка:

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

Извините, если я быть нуб, я собираюсь рвать на себе волосы, о чем-то, что кажется так просто!

Answer 1

Вам просто нужно, чтобы переместить цвет прочь литий и на якорной теге так:

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

должен работать, если вы не можете изменить специфику и вам необходимо переопределить то, что уже существует.