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