我是设计初学者，我想突出显示活动菜单 我做了一些R＆amp; D但是我找到了关于列表的解决方案 在我的情况下，列表不用于菜单
这是我的菜单代码：
<aside id="nextendaccordionmenuwidget-2" class="widget NextendAccordionMenuWidget">
<nav>
<div id="nextend-accordion-menu-nextendaccordionmenuwidget-2" class="">
<div class="nextend-accordion-menu-inner ">
<div class="title">
<h3>Menu</h3>
</div>
<div class="nextend-accordion-menu-inner-container">
<dl class="level1 ">
<dt class="level1 nextend-nav-82 notparent first" data-menuid="82">
<span class="outer">
<span class="inner">
<a href="https://manresa-sj.com/">
<span>Home</span>
</a>
</span>
</span>
</dt>
<dd class="level1 nextend-nav-82 notparent first"></dd>
<dt class="level1 nextend-nav-38 parent" data-menuid="38" title="Click to open!">
<span class="outer">
<span class="inner">
<a href="https://manresa-sj.com/about-us/">
<span>About Us</span>
</a>
</span>
</span>
</dt>
<dd class="level1 nextend-nav-38 parent"></dd>
</dl>
<dl class="level2 ">
<dt class="level2 nextend-nav-305 notparent first" data-menuid="305">
<span class="outer">
<span class="inner">
<a href="https://manresa-sj.com/our-spirituality/">
<span>Our Spirituality</span>
</a>
</span>
</span>
</dt>
</dl>
</div>
</div>
</div>
</nav>
</aside>
答案 0 :(得分：0)
我看到您正在使用Nextend Accordion Menu生成菜单。以下是作者在插件网站https://wordpress.org/plugins/nextend-accordion-menu/
上的内容
从后端完全控制颜色，背景，图像， 字体等级和状态（活动，悬停等）
所以我相信你必须告诉插件将.active（或类似的）类添加到活动菜单中。然后，您可以使用以下某些CSS规则自定义此类：
.active { border:2px red solid; }
修改
插件作者似乎指的是实际的链接状态，而不是当前页面。另一方面，该插件处理当前页面检测。因此，您只需自定义.active类。
以下是此页面源代码的一个小提取，其中包含菜单插件的演示：http://nextendweb.com/demo/accordionmenu/vehicles-bold/emma-maersk.html
<dd class="level3 nextend-nav-1982 notparent opened active"></dd>
希望这有助于你
答案 1 :(得分：0)
首先，我会指出您发现的有关链接状态a:active的任何内容都无济于事。 :active类似于:hover，因为它仅在存在特定鼠标事件时才适用。 :active仅在实际点击鼠标时适用。
:active未选择与当前页面相关的链接，因此它不适用于此处提出的问题。
要解决此问题，您需要为您的链接编写CSS规则，只有当它们位于特定页面内时才适用。例如，主页链接的规则仅适用于您在主页上的内容。
Wordpress根据您所在的页面应用不同的body classes。例如，主页的body元素自动获取类“home”。有many others，您应该干练地使用Chrome Dev Tools或Firebug等开发人员工具来检查您的页面，并查看哪些类已应用于您要链接到的每个页面的正文。
您还需要为要设置样式的每个链接部分添加一个类或ID，以便在CSS中更容易选择。
您尚未包含CSS，因此无法确定应将ID添加到哪些部分。我猜测下面的代码只是为了演示。
body.home #home-link {
/* your styles here */
}<aside id="nextendaccordionmenuwidget-2" class="widget NextendAccordionMenuWidget">
<nav>
<div id="nextend-accordion-menu-nextendaccordionmenuwidget-2" class="">
<div class="nextend-accordion-menu-inner ">
<div class="title">
<h3>Menu</h3>
</div>
<div class="nextend-accordion-menu-inner-container">
<!-- ----ADD AN ID----- -->
<dl class="level1" id="home-link">
<dt class="level1 nextend-nav-82 notparent first" data-menuid="82">
<span class="outer">
<span class="inner">
<a href="https://manresa-sj.com/">
<span>Home</span>
</a>
</span>
</span>
</dt>
<dd class="level1 nextend-nav-82 notparent first"></dd>
<dt class="level1 nextend-nav-38 parent" data-menuid="38" title="Click to open!">
<span class="outer">
<span class="inner">
<a href="https://manresa-sj.com/about-us/">
<span>About Us</span>
</a>
</span>
</span>
</dt>
<dd class="level1 nextend-nav-38 parent"></dd>
</dl>
<dl class="level2 ">
<dt class="level2 nextend-nav-305 notparent first" data-menuid="305">
<span class="outer">
<span class="inner">
<a href="https://manresa-sj.com/our-spirituality/">
<span>Our Spirituality</span>
</a>
</span>
</span>
</dt>
</dl>
</div>
</div>
</div>
</nav>
</aside>