jquery - 链接 :visited not work

Question

我在 li 上有一个名为 current-page 的类。我希望此类移动到每个 li 并在访问时从前一个中删除。

<div class="nav-collapse collapse">
    <ul class="nav pull-right">
        <li class="current-page">
            <a href="/">Home</a>
        </li>
        <li>
            <a href="/Pages/StaticPage?pagePath=About%20Us">About Us</a>
        </li>
        <li>
            <a href="/Pages/StaticPage?pagePath=Investors">Investors</a>
        </li>
        <li>
            <a href="/Pages/ContantPage?pageId=1">Products</a>
        </li>
        <li>
            <a href="/Pages/ContantPage?pageId=2">Services</a>
        </li>
        <li>
            <a href="/Pages/ContantPage?pageId=3">Quality &amp; HSE</a>
        </li>
        <li>
            <a href="/Pages/PhotoGallery">Photo Gallery</a>
        </li>
        <li>
            <a href="/News/News">News</a>
        </li>
        <li>
            <a href="/Pages/StaticPage?pagePath=Contact%20Us">Contact Us</a>
        </li>
    </ul>
</div> 

我试过css也不行

.header ul.nav li a:active
{
     background-color: #EEEEEE !important;
    text-decoration: none !important;
}

这也行不通

.header ul.nav li a:visited
{
     background-color: #EEEEEE !important;
    text-decoration: none !important;
}

Answer 1

:visited 使用 javascript 无效。这是一个安全问题，使用它可能会记录用户的历史记录。

至于你的 css 问题，你没有任何带有 header 类的元素。