查看左侧菜单:http://goo.gl/gV6B8D
我想减少或消除父项和上一个父项的子项之间的丑陋差距
(我将使用不同的样式区分父对象和子对象,因此需要父子结构,
这就是wordpress生成菜单的方式)。
如何做到这一点?
CSS代码:
.advanced-sidebar-menu ul {
background-color : #EDEDED;
}
.advanced-sidebar-menu ul li a {
display: block;
text-decoration: none;
color: black;
padding: 5px 15px 5px 15px;
background: ##EDEDED;
margin-left: 1px;
}
.advanced-sidebar-menu ul li {
border-bottom: 0px;
}
.advanced-sidebar-menu ul li a:hover { background: white; }
.widget-area .child-sidebar-menu, .widget-area .child-sidebar-menu li { padding : 0; margin : 0 0 15px 0; }
.widget-area .child-sidebar-menu li li { margin-bottom : 0; }
.widget-area .child-sidebar-menu a { margin : 0; }
.child-sidebar-menu * {
margin-left: 0 !important;
padding-left: 0 !important;
}
.child-sidebar-menu > li a {
padding-left: 20px !important;
}
.child-sidebar-menu li li a {
padding-left: 20px !important;
}
更改此行的边距:
.widget area.子侧边栏菜单,.widget area.子侧栏菜单li{padding:0;margin:00 15px 0;}
只需将其设置为边距:0px;这应该可以解决您的菜单问题。