Question

我正在处理的网站上的CSS样式活动或悬停状态菜单项不再按要求显示，除了一个（厨房）。

如果将鼠标悬停在 Kitchens 上，或该页面处于活动状态，则会突出显示蓝色，但其他链接样式均无效。

Kitchens 菜单项目已应用“蓝色”类，代码如下。

<li id="menu-item-48" class="blue menu-item menu-item-type-post_type             menu-item-object-page current-menu-item page_item page-item-8 current_page_item menu-item-48">    
<a href="http://wanderingcooks.com.au/commercial-kitchen-space/">Kitchens</a>
</li>

我很难过如何将其他正确的类添加到菜单项中。定义了样式，每个样式应该是不同的颜色，我认为自页面重命名后它不起作用。 Wordpress管理员中有一个区域可以应用样式，但这也不好。我感谢任何帮助。

Answer 1

＆＃34;厨房＆＃34;链接有一个类＆＃34;蓝色＆＃34;添加到其li元素，但没有其他元素具有＆＃34;颜色＆＃34;类：

<ul id="menu-main-navigation" class="menu">    
    <li id="menu-item-7923" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7923">
        <a href="http://wanderingcooks.com.au/thank-truck-its-thursday/">What’s On</a>
    </li>
    <li id="menu-item-48" class="blue menu-item menu-item-type-post_type menu-item-object-page menu-item-48">
        <a href="http://wanderingcooks.com.au/commercial-kitchen-space/">Kitchens</a>
    </li>
    [...]

蓝色悬停效果仅添加到＆＃39; li＆＃39;中的链接。蓝色类的元素：

.primary_nav_menu .menu-item.blue a:hover, .primary_nav_menu .menu-item.blue a:active {
    color: #25aae1;
}

要解决此问题，您需要将blue（或其他＆＃34;颜色＆＃34;类）添加到所有列表元素。

向菜单项添加自定义类

在管理员中，转到外观＆gt;菜单
点击＆＃34;屏幕选项＆＃34;右上角的标签 - 这将显示设置面板
在＆＃34;显示高级菜单属性＆＃34;下，检查＆＃34; CSS类＆＃34;复选框
现在查看菜单项所在的菜单结构。单击灰色块右侧的向下箭头，找到您要更改的菜单项。
＆＃34; 导航标签＆＃34;您现在将拥有一个标有＆＃34; CSS类（可选）＆＃34;的文本框。您可以在此处添加任何自定义类 - 只需输入类名称，不需要前面的点，例如blue。
保存您的菜单，当您现在在浏览器中查看页面来源时，菜单项的<li>应在课程列表中包含您的颜色类。

Wordpress菜单项不再显示当前页面样式

1 个答案: