Question

我正在使用wordpress从头开始构建一个主题。

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

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

然后通过外观＆gt;菜单创建页面（菜单）或子页面（子菜单）。因为我在这里做的不多，所以我的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我可以不改变它，即使有！重要。另外，子菜单留在菜单上我需要的大填充后面，z-index也忽略了我。我不知道该怎么做，对这个烂摊子的任何建议？我在网络开发方面很安静，而且在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子菜单（子页面）采用菜单（页面）样式

1 个答案: