javascript - 当您单击一个页面的链接时，更改另一个页面中同一菜单的链接的颜色

Question

如何在点击一个页面的链接时改变另一个页面中相同菜单的链接的颜色？

这是主页、帮助页面和联系页面中的菜单:

<nav>
  <ul>
    <li><a href="/">Home</a></li>
    <li><a href="/help">Help</a></li>
    <li><a href="/contact">Contact</a></li>
  </ul>
</nav>

/* 访问链接之前 */

nav ul li a {
  color: #000;
}

/* 之后 */

nav ul li a:visited {
  color: #00ff78;
}

访问过的菜单中的所有链接都是相同的颜色，但我希望事件链接只改变颜色。

Answer 1

试试这个:

nav ul li a:hover {
  color: hotpink;
}

/* selected link */
nav ul li a:active {
  color: blue;
}