CSS列表样式-如何减少上一个父级的父级和子级之间的距离



查看左侧菜单: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;这应该可以解决您的菜单问题。

相关内容

  • 没有找到相关文章

最新更新