如何仅删除每个主菜单的第一个二级子菜单的 margin-top

Question

我需要帮助解决保证金问题。我正在使用这样的手风琴菜单：http://jsfiddle.net/knovice/ppdp1w04/2/

并且每个二级子菜单都有 margin-top，例如，如果您单击设计，那么它的子菜单有 margin-top。

我正在尝试仅删除 margin-top 的第一个二级子菜单。这应该适用于我的手风琴菜单的每个第一个二级子菜单。

我尝试了下面的代码，但它不起作用。

#dhtmlgoodies_slidedown_menu > .slMenuItem_depth2 > :first-child { margin-top: 0 ;}

我应该怎么做？

非常感谢。

注意：我使用的是外部 js，它在加载时添加了类。（香蕉在评论区指出）

Answer 1

请检查jsfiddle。

如果我正确理解您的要求。我已将边框设置为红色的二级第一个元素边框。

您可以将所需的样式应用于元素

ul li > ul li:first-child{
    border:1px solid red;
}

Answer 2

我确实设法让它工作为：

.slideMenuDiv2 > ul > li:first-child a {
  margin-top: 0 !important;
}

编辑：

或者，为了运行远离 !important 指令，您需要从 dhtmlgoodies_slidedown_menu .slMenuItem_depth2 选择器中删除 dhtmlgoodies_slidedown_menu 位以使其成为：

.slMenuItem_depth2 {    /* Sub menu items */
        margin-top:1px;
        background-color: rgb(204, 204, 204);
        margin-top: 1px;
        padding-left: 15px;
        color: #0065AA;
}

所以你可以：

.slideMenuDiv2 > ul > li:first-child a {
  margin-top: 0;
}

我更喜欢

JSFiddle is here

如何仅删除每个主菜单的第一个二级子菜单的 margin-top

how do I remove margin-top only for first second level sub menu of every main menu

html

javascript

css

jquery

menu