Question

我的网页上有一个导航栏，其中包含指向不同页面的链接。有没有一种简单的方法可以在与当前页面对应的导航元素上自动设置类？例如，如果您当前正在查看“关于我们”页面，我希望栏上的“关于我们”标签具有不同的样式。我知道我可以为每个页面安装一些PHP，但我宁愿有一个更通用的设置 - 忘记它解决方案。

Answer 1

如果你想要一个纯HTML / CSS解决方案，我能想到的最好的方法是在主体上放置一个类来描述应该突出显示哪个选项卡，以及每个选项卡上的id，然后通过CSS从那里定位选项卡。

因此，对于HTML，“关于我们”页面的内容类似<body class="AboutUs">，而“主页”页面则类似<body class="Home">。每个标签都有唯一的ID，如“aboutUs”和“home”。

然后在CSS中，您可以像这样设置样式：


body.AboutUs tabs#aboutUs,
body.Home tabs#home
{
    /* selection style goes here */
}

Answer 2

我之前使用过它，效果很好。