Css 辉光效果至<；a>；选择时标记

我目前正在向测试站点添加导航栏。我看到一些导航栏通过在

多谢各位

对于我的



如果添加类

.currentPage {
  background: #yourDifferentColor;
  (box-shadow)..
  (text-decoration)..
}

并将其添加到表示当前页面的链接中（您必须在所有页面上执行此操作），您可以根据您的规范定义当前页面链接的样式，使其与其他链接的样式不同。
嗯，您通常会在服务器级别处理此问题。现在很容易。
如果您在索引页上，只需在导航中点击指向索引页的链接，并向其添加一个类或内联样式。
我会加入一些jquery来自动处理此问题，例如

  $(document).ready(function () {
      var str = location.href.toLowerCase();
      $(".navigation li a").each(function () {
          if (str.indexOf(this.href.toLowerCase()) > -1) {
              $("li.highlight").removeClass("highlight");
              $(this).parent().addClass("highlight");
          }
      });
  })

此函数将向活动的
li
元素添加一个css类
高亮显示
当且仅当下一页的名称与文本相同时。因此，如果链接名为“Product.html”，您将希望
a
元素的文本为“Product”

这是一个HTML的例子

<ul class="navigation">
    <li class="highlight"><a href="index.html">Home</a></li>
    <li><a href="product.html">Product</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="contact.html">Contact</a></li>
</ul>

您知道或设置了所需的发光效果

希望这有帮助

编辑：工作教程/演示

编辑2：感谢斯文·比德帮助我们更好地理解。
+1谢谢。这种方法似乎是最好的。但我试过了，什么也没发生。请确保在标题中添加了jquery。你可以在这里了解更多：-1这种方法毫无意义。我应该使用jQuery更改一个类，然后重定向到另一个页面。然后，我更改的类又丢失了。@SvenBieder您有什么建议吗，先生？请看这个演示：然后看Jquery。。它确实有效
  $(document).ready(function () {
      var str = location.href.toLowerCase();
      $(".navigation li a").each(function () {
          if (str.indexOf(this.href.toLowerCase()) > -1) {
              $("li.highlight").removeClass("highlight");
              $(this).parent().addClass("highlight");
          }
      });
  })

<ul class="navigation">
    <li class="highlight"><a href="index.html">Home</a></li>
    <li><a href="product.html">Product</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="contact.html">Contact</a></li>
</ul>

.highlight{
    background-color: #fff;
}