html网页导航栏被点击变色，点击别的后原先的变回之前的颜色

你可以通过JavaScript来实现点击导航栏链接时变色的效果，并且点击别的链接后原先的链接恢复之前的颜色。具体操作如下：

1. 在CSS中定义导航栏链接的样式。

.nav-link {
  color: black; /* 文字颜色 */
  background-color: white; /* 背景颜色 */
}

2. 在CSS中定义被点击链接的样式。

.nav-link.active {
  color: red; /* 文字颜色变为红色 */
  background-color: yellow; /* 背景颜色变为黄色 */
}

3. 使用JavaScript来实现点击链接时给该链接添加 "active" 类名，并移除其他链接的 "active" 类名。

var links = document.querySelectorAll(".nav-link"); // 获取所有导航栏链接元素

for (var i = 0; i < links.length; i++) {
  links[i].addEventListener("click", function() {
    // 首先移除所有链接的 "active" 类名
    for (var j = 0; j < links.length; j++) {
      links[j].classList.remove("active");
    }
    
    // 给当前点击的链接添加 "active" 类名
    this.classList.add("active");
  });
}

这样就可以实现点击导航栏链接时变色的效果，并且点击别的链接后原先的链接恢复之前的颜色了。