Css 当用户在页面上时，如何更改导航标题中的文本颜色

我制作了一个导航标题，我希望导航标题（例如博客）中的文本在用户位于该页面时变成亮绿色

在下面的第二个照片链接中，请查看“联系我”部分

以下是我的menu.json文件代码：

[
{
“链接”：“/”，
“标题”：“粉色编码器”，
“标签”：“主页”
},
{
“链接”：“/关于”，
“标题”：“关于我”，
“标签”：“关于我”
},
{
“链接”：“/博客”，
“标题”：“博客”，
“标签”：“博客”
},
{
“链接”：“/联系”，
“标题”：“联系人”，
“标签”：“联系人”
}
]

如果您想使用jQuery，这可能是一个简单的解决方案，它可以将具有匹配href值的链接标记为具有“活动”类的当前路径名

然后设置活动类的样式

$(function(){
    var currentPath = location.pathname;
    $('.menu__list .menu__link').each(function(){
        var $this = $(this);
        // if the current path is found in the href make it active
        if($this.attr('href').indexOf(currentPath) !== -1){
            $this.addClass('active');
        }
    })
})

.menu__link.active {
    color: paleturquoise;
}

---

谢谢你的回答，@Aaron！没有jQuery还有其他方法吗？我对帕格不熟悉，但可以帮你用帕格完成。好的，非常感谢，@Aaron！我来看看。