Question

我使用wordpress进行导航。我想做这样的导航 http://www.technikonus.lt/en（左侧垂直导航）。有父项和子菜单项......

我不知道我有什么问题。用css或者我应该在wordpress菜单walker中改变一些东西。

这就是我现在得到的：它与父项目相关

但是对于子项我遇到了麻烦，因为当出现子菜单项时不知道如何对齐项目：

<li>
<ul><li></li></ul>
</li>

所以这就是我现在的菜单http://jsfiddle.net/Yu8fg/

Answer 1

<强> DEMO

<强> CSS

.menu li {
    background: url('img/li_bullet.png') 16px no-repeat;
    list-style: none;
    border-bottom: 2px solid #e6e6e6;
    width: 190px;

    display: block;

} 

.menu > li{
    padding-left: 32px;
}

因为css继承了来自父母的孩子，所以padding-left: 32px;也适用于submneu li，因此使用“＆gt;”选择器我们仅将它限制在.menu li并且不适用于子菜单

菜单项恰好高于其他wordpress导航

1 个答案: