Html 链接在无序列表中不起作用

我有一个奇怪的问题，我的链接在一个页面上可以正常工作，或者在另一个页面上无法正常工作。以下是我的非工作页面代码：

<div id="wrapper">
        <a href="frontPage.html"><header>
        <img src="img/MOBILAX-LOGO.png" height="100" alt="logo">
        <h1>MOBI &amp; LAX</h1>
        <p>CELLULAR REPAIR CENTER</p>
            </header></a>
        <nav>
            <ul>
                <li>
                    <a href="#">ABOUT US</a>
                </li>
                <li>
                    <a href="#">SERVICES</a>
                </li>
                <li>
                    <a href="#">IPHONE REPAIR</a>
                </li>
                <li>
                    <a href="#">BLOG</a>
                </li>
                <li>
                    <a href="#">CONTACTS</a>
                </li>
            </ul>
        </nav>

<div id="wrapper">
        <a href="frontPage.html"><header>
        <img src="img/MOBILAX-LOGO.png" height="100" alt="logo">
        <h1>MOBI &amp; LAX</h1>
        <p>CELLULAR REPAIR CENTER</p>
            </header></a>
        <nav>
            <ul>
                <li>
                    <a class="activeLink" href="side2.html">ABOUT US</a>
                </li>
                <li>
                    <a href="#">SERVICES</a>
                </li>
                <li>
                    <a href="#">IPHONE REPAIR</a>
                </li>
                <li>
                    <a href="#">BLOG</a>
                </li>
                <li>
                    <a href="#">CONTACTS</a>
                </li>
            </ul>
        </nav>

编辑：我解决了这个问题。我有一个div与我的ul重叠

---

示例代码中的所有链接都是相同的。因此，当您单击一个链接时……不会再发生任何事情，因为您已经在那里了。

The#通常会引用页面上的锚并滚动到那里。因为您只是在使用#it链接到自身，所以页面不会重新加载，而是保持在原来的位置。 您的CSS还指定不修饰（下划线）超链接，给人的印象是链接什么都不做

编辑：

我添加了一些CSS，如果一个链接被访问，它会以红色突出显示——你会看到如果你在页面上点击一个链接，它会变为红色，表明这个链接确实有效

nav a:visited {
color: #ff0000;
}

---

我试了第一个，它能用吗？定义不工作？对不起，我应该更准确地定义“不工作”。问题是，当我将光标悬停在链接上时，光标没有改变，而且它不会激活CSS中指定的悬停效果，而它会在第二页上激活。我知道链接不会指向任何地方。css也在工作，当我悬停在链接上时，我得到了这个颜色

#f25e44

，我可以发布整个代码，因为问题必须来自页面上的其他元素。HTML:和CSS:为了澄清，在你的地址栏中，你可能会看到如下内容：（注意散列）因此你已经在“#”页面抱歉，我应该更准确地定义“不工作”。问题是，当我将光标悬停在链接上时，光标没有改变，而且它不会激活CSS中指定的悬停效果，而它会在第二页上激活。我知道这些链接不会指向任何地方。这可能是浏览器的问题吗？您链接到的小提琴以桃红色/橙色突出显示，并显示光标更改感谢您的帮助，但当我应用该代码时，它会立即将所有链接变为红色，而无需我激活它们。请尝试添加nav a:visted:hover{color:#f25e44；}

nav a:visited {
color: #ff0000;
}