如何为悬停样式提供锚定链接，当它是选定的链接时

Question

我可能不会很好地解释这一点，我知道有一个css属性处理这个，我只是不记得它的名字。我有一个菜单，我希望当前选择的链接对应于正在查看的页面的样式，以向用户显示他所在的页面。

由于

Answer 1

您可以通过编辑每个页面的HTML并在相关链接中添加class来执行此操作。例如，如果您在index.html页面上，则您的标记可能如下所示：

<a href="index.html" class="current">Home</a>
<a href="news.html">News</a>
<a href="about.html">About Us</a>

但如果您在news.html页面上，它看起来像这样：

<a href="index.html">Home</a>
<a href="news.html" class="current">News</a>
<a href="about.html">About Us</a>

注意class仅在当前页面上。然后你可以设置current样式，但是你认为适合你的CSS文件：

.current {
   ...
}