在 Squarespace Adirondack 主题中，如何使用 CSS 定位单个导航项？

Question

使用 Squarespace Adirondack 主题，我需要将一个导航项设为不同的颜色 ("shop kids")，并且当我以 yui_ 等开头定位其 id 时，它不起作用，因为 id 不断变化 -导航项目 ID 似乎是由 Squarespace 自动生成的。我可以使用 css 毫无问题地全局更改导航项的颜色，但我的要求是在访问和活动状态下都制作一个导航项 EE258F（粉红色）。这可能吗？

https://shara-karasic-4b4j.squarespace.com/

Answer 1

您可以根据 href 属性在 CSS 中选择它来专门定位 link，如下所示：

#main-navigation a[href*='fireandcremekids.com']:visited,
#main-navigation a[href*='fireandcremekids.com']:active {
    color: #EE258F;
}

Answer 2

试试这个：

#main-navigation .nav-wrapper li:last-child a,
#main-navigation .nav-wrapper li:last-child a:visited{
    color: #EE258F;
}

Answer 3

按属性定位 link。

用 jQuery 做：

$('a[href="fireandcremekids.com"]')

或Css:

主导航 .nav-wrapper a[href='fireandcremekids.com']