Html 如何解决css中突出显示活动菜单的问题

我是设计新手，我想突出显示活动菜单
我做了一些研究和开发，但我已经找到了一个关于列表的解决方案
在我的案例列表中，不用于菜单

这是我的菜单代码：

---

我看到您正在使用Nextend手风琴菜单生成菜单。以下是作者在插件网站上所说的

从后端完全控制颜色、背景、图像、， 字体等。逐级和逐状态（活动、悬停等）

因此，我相信您必须告诉插件将

.active

（或类似）类添加到活动菜单中。然后，您可以使用如下CSS规则自定义此类：

.active { border:2px red solid; }

编辑

插件作者似乎指的是实际的链接状态，而不是当前页面。另一方面，插件可以很好地处理当前页面检测。因此，您只需自定义

.active

类

以下是本页源代码的一个小摘录，其中包含菜单插件的演示：

希望这对您有所帮助

：active在这里不起作用 首先，我要指出，关于链接状态

a:active

的任何内容在这里都没有帮助

：active

与

：hover

类似，因为它仅在存在特定鼠标事件时适用<代码>：活动仅在实际单击鼠标时适用

：active

不选择指向当前页面的链接，因此对此处提出的问题无效

什么有效 要解决这个问题，您需要为链接编写CSS规则，这些规则仅在链接位于某个页面内时才适用。例如，主页链接的规则仅在您位于主页上时适用

Wordpress的应用程序因您所在的页面而异。例如，主页的body元素自动获取类“home”。有，并且您应该能够使用诸如Chrome Dev tools或Firebug之类的开发人员工具来检查您的页面，并查看哪些类应用于您想要链接到的每个页面的主体

您还需要向要设置样式的每个链接部分添加一个类或ID，以便在CSS中更容易选择它们

您还没有包含CSS，所以我无法告诉您应该将ID添加到哪些部分。我在下面的代码中做了一个猜测，只是为了演示

body.home#主页链接{
/*你的风格在这里*/
}

不清楚你在问什么。期望的行为是什么，你得到的行为是什么。你能分享相关的CSS吗？你能减少这个问题吗？这样就没有那么多HTML可供查看了？你应该添加你的CSS，至少塔斯·温克说，请添加你的CSS，这样我们才能更好地提供帮助。当您将光标悬停在菜单项上时，是否要求突出显示该菜单项？还是要突出显示导航列表中的当前页面？（例如，如果您单击“主页”并转到主页，现在“主页”高亮显示？@katniss.everbean是的，我问的是如果我单击“主页”并转到主页，现在“主页”高亮显示我认为在这种情况下“活动”指的是链接状态活动。链接只有在实际被点击时才处于活动状态。是的，你说得对。我相信插件作者指的是链接的状态。

<dd class="level3 nextend-nav-1982 notparent opened active"></dd>