wordpress 子菜单（子页面）采用菜单（页面）样式

Question

我正在 wordpress 工作，从头开始构建主题。

我在 functions.php 中用这个注册菜单：

register_nav_menus(array(
    'primary' => __('Primary Menu'),
    'footer' => __('Footer Menu')
));

然后通过外观>菜单创建页面（菜单）或子页面（子菜单）。因为我在这里做的不多html，所以我的css是这样的（我的导航叫#menuDenison）：

.site-header nav ul li a{
    color:#363636;
    padding: 42px 15px;
}
.site-header nav ul li a:hover{
    text-decoration:none;
    background-color:#b5d803;
    color:white;
}
#menuDenison ul ul {
 display: none;
}
#menuDenison ul li:hover ul {
 display: block;
}

问题就变成了现在。当我将一个页面悬停在菜单上并显示子页面时，子菜单采用与菜单相同的样式，因此当我在子菜单上（悬停）时，它们具有填充：42px 15px 和背景颜色：#b5d803 我可以不要改变它，即使有 !important。另外，子菜单保留在菜单上我需要的大填充后面，而 z-index 也忽略了我。我不知道该怎么办，对这个烂摊子有什么建议吗？我在 web 开发和 wordpress 方面比较陌生，所以请，如果有人有建议....说得简单一点，否则我的头脑不会处理它:(!!

谢谢！！！

Answer 1

你需要像这样玩 css。为子菜单添加 css。

.site-header nav ul li ul li a{
    color:#363636;
    padding: 12px 15px;
}
.site-header nav ul li ul li a:hover{
    text-decoration:none;
    background-color:#b5d803;
    color:white;
}

试试这个。

wordpress 子菜单（子页面）采用菜单（页面）样式

wordpress submenu (subpages) takes menu (pages) style

css

navigation

wordpress

submenu