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

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 和 background-color:#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;
}

试试这个。