css - CSS列表样式 - 如何减少前一个父母的父母和孩子之间的距离？

Question

见左侧菜单：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;
}

Answer 1

更改此行的边距：

.widget-area .child-sidebar-menu, .widget-area .child-sidebar-menu li { padding : 0; 边距：0 0 15px 0；}

只需将其设置为边距：0px；那应该可以解决您的菜单问题。