在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中选择该链接，具体如下：

#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

按属性定位该链接。

使用jQuery：

$（ '一个[HREF = “fireandcremekids.com”]'）

OR Css：

main-navigation .nav-wrapper a [href ='fireandcremekids.com']