在CSS中如何使页面链接更改颜色以表示我当前在哪个页面上？

Question

目前我在NAV栏中有我的链接，但是当我到达画廊页面时，我希望画廊链接更改为另一种颜色以重新定位用户当前所在的页面，我该如何在CSS中执行此操作？

Answer 1

我相信你想要的是让当前活动的页面成为不同的颜色，以向用户显示他们所在的页面。您应该可以使用.active代码执行此操作，并为其处于活动状态时设置背景颜色。 Here是关于导航栏的一个很好的w3schools链接，希望这会有所帮助。

Answer 2

您使用什么路线？它只是静态导航到HTML页面还是你在客户端/服务器端处理路由？无论哪种方式，在你的link元素上使用id和class并设置class＆＃34; active＆＃34; （或任何其他名称）到适当的id。相应地调整活动类。

Answer 3

1）正如评论所说，这不是在CSS中完成的，CSS没有所需的逻辑。

2）您想要的示例网站，您尝试过的一些代码片段，或者您正在寻找的一些图片将帮助您获得更好的答案。

3）javascript / jquery中的click通常是处理它的地方 https://jsfiddle.net/a5609kgL/1/

4）您还可以将window.location.href与javascript / jquery中的所有链接目标进行比较，但不建议这样做。 https://jsfiddle.net/a5609kgL/3/

  

注意：点击第二个链接后，您必须点击“运行”按钮。按钮。