Css 导航栏当前状态

Css 导航栏当前状态,css,Css,大家好,我为我的网站做了一个导航。我只是想在转到另一个页面时更改链接的颜色。例如,我点击“关于”,然后我将转到我喜欢的关于页面,当我在关于页面时,关于链接将变为红色 我该怎么做? 谢谢大家! 这是密码 html 只要有一个活动的类,如果你在一个页面上,将设置为拥有该类 例如: <li class="active"><a href="#">Services</a></li> 但是,如果您想知道如何知道自己在哪个页面上,并希望动态地执行此操作,则需要

大家好,我为我的网站做了一个导航。我只是想在转到另一个页面时更改链接的颜色。例如,我点击“关于”,然后我将转到我喜欢的关于页面,当我在关于页面时,关于链接将变为红色

我该怎么做? 谢谢大家!

这是密码

html


只要有一个
活动的
类,如果你在一个页面上,将
  • 设置为拥有该类

    例如:

    <li class="active"><a href="#">Services</a></li>
    

    但是,如果您想知道如何知道自己在哪个页面上,并希望动态地执行此操作,则需要使用PHP、其他服务器端语言或JavaScript。

    您可以使用JavaScript或服务器端语言添加一些css类

    若要使用javascript,您应该找到一些指示用户位于about页面上的内容(例如,一些包含信息的div)。然后,如果使用JQuery,请添加以下类:

    $('#mylink').addClass('active');
    

    在CSS中使用a:visted

    a:参观了 { 背景颜色:黄色; }


    你也应该为他们设置课程,然后通过css分配给他们

    Heya,欢迎来到SO!如果你问一个问题,包括你尝试过的东西、你正在处理的约束条件等会有所帮助。请注意,你可以编辑你的问题来添加这些细节。你的问题有点模棱两可。你是说你想把“关于”变成红色是因为你正在查看“关于”页面,还是因为你在某个时候看到了“关于”页面。换句话说,如果你(从“关于”页面)点击“索引”页面的链接,在加载的新页面上,“主页”是红色还是“关于”,或者两者都是红色?我不建议这样做;一般来说,应该避免将JQuery用于这些琐碎的事情。
    <li class="active"><a href="#">Services</a></li>
    
    nav li.active a{
        color: red;
    }
    
    $('#mylink').addClass('active');