Html 我正在尝试对导航栏进行访问状态。这听起来很简单，但我的代码很奇怪

我正在尝试对导航栏进行访问状态。这听起来很简单，但我的代码很奇怪。我已经创建了一个带有下拉菜单的导航栏，我想要一个访问状态，这样我就可以删除标题，人们仍然知道它们在哪里。我可能只是忽略了一些东西，但我搜索了许多论坛、youtube和参考书籍，似乎所有的道路都通向stackoveflow

这是我的联系人页面中的HTML

   <div id="nav">
       <div id="nav_wrapper">

        <ul>
            <li><a href="index.html">Home</a></li><li>
            <a href="concept.html">Concept</a></li><li>
            <a href="menu.html">Menu</a></li><li>
            <a href="contact.html">Contact Us</a></li><li>
            <a href="find.html">Find Us<img src="rsz_1wht_arrow.png" alt="small arrow"/></a>
                <ul>
                    <li><a href="catering.html">Catering</a></li>
                    <li><a href="newsletter.html">Newsletter</a></li>
                    <li><a href="events.html">Events</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>

---

任何帮助都很好，谢谢！p、 我使用了一个通用地址，并出于明显的原因取出了我的页脚。

根据您的代码，您可以向

li

添加一个类，使其保持“活动”。我以“contact.html”为例

HTML

<div id="nav">
       <div id="nav_wrapper">

        <ul>
            <li><a href="index.html">Home</a></li><li>
            <a href="concept.html">Concept</a></li><li>
            <a href="menu.html">Menu</a></li><li class="current-page">
            <a href="contact.html">Contact Us</a></li><li>
            <a href="find.html">Find Us<img src="rsz_1wht_arrow.png" alt="small arrow"/></a>
                <ul>
                    <li><a href="catering.html">Catering</a></li>
                    <li><a href="newsletter.html">Newsletter</a></li>
                    <li><a href="events.html">Events</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>

因此，您只需在每个HTML文件中的相应链接中添加一个类

当前页面

小提琴：

---

#nav ul li a，已访问{

应为

#nav ul li a:已访问{

什么问题你遇到了吗？你能详细说明一下你想做什么吗？我不太清楚。所以你有一个导航栏，其中的菜单项包含下拉菜单。一旦它们被访问，你就试图隐藏它们？或者你只是想在点击一个元素后对文本或背景颜色进行更标准的更改？我只是无论用户在哪个页面上保持突出显示，我似乎在自己的代码中迷失了方向。您如何将当前页面分配给菜单项

li

或

a

？您是否手动为当前页面设置一个类，即

当前页面

？此外，我将您的代码编辑为仅相关信息（编辑批准后）.li和样式表在7页上使用，没有使用单独的类和ty进行编辑。我尝试过，但也不起作用。谢谢，我想我会继续玩，希望我能解决它。我尝试过，看看你想要什么，但问题是，假设我指向菜单页，find us页面突出显示，这是两个链接是的，但我学到了一些新的东西谢谢。@user3758480我不知道你的意思是什么？这里有一把小提琴显示它工作正常：

<div id="nav">
       <div id="nav_wrapper">

        <ul>
            <li><a href="index.html">Home</a></li><li>
            <a href="concept.html">Concept</a></li><li>
            <a href="menu.html">Menu</a></li><li class="current-page">
            <a href="contact.html">Contact Us</a></li><li>
            <a href="find.html">Find Us<img src="rsz_1wht_arrow.png" alt="small arrow"/></a>
                <ul>
                    <li><a href="catering.html">Catering</a></li>
                    <li><a href="newsletter.html">Newsletter</a></li>
                    <li><a href="events.html">Events</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>

#nav ul li:hover,
#nav ul li.current-page {
    background-color: #000;
    color: blue;
}