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

时间:2015-05-22 10:53:57

标签: javascript jquery html css menu

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

并且每个二级子菜单都有{ int i = 0; int j = 0; int k = 0; i = 0; j = 0; k = 0; try { j = ListView1.Items.Count; for (i = 0; i <= j - 1; i++) { k = k + Convert.ToInt32(ListView1.Items[i].SubItems[5].Text); } } catch (Exception ex) { MessageBox.Show(ex.Message, "Error", MessageBoxButtons.OK, MessageBoxIcon.Error); } return k; } ,例如,如果单击设计,则其子菜单具有margin-top

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

我在下面的代码中尝试了这个但是它没有用。

margin-top

我该怎么做?

非常感谢提前。

注意:我正在使用外部js,它会在加载时添加类。 (Banana在评论部分指出)

2 个答案:

答案 0 :(得分:1)

我确实设法使其工作:

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

编辑:

或者,要离开!important指令,您需要从dhtmlgoodies_slidedown_menu选择器中删除dhtmlgoodies_slidedown_menu .slMenuItem_depth2位以使其成为:

.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

答案 1 :(得分:0)

请检查jsfiddle

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

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

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