如何僅刪除每個主菜單的第一級第二級子菜單的頁邊距

Question

我在保證金問題上需要幫助。 我正在使用像這樣的手風琴菜單： http : //jsfiddle.net/knovice/ppdp1w04/2/

並且每個第二級子菜單都有margin-top ，例如，如果單擊Design，則其子菜單具有margin-top 。

我正在嘗試刪除僅第一級第二級子菜單的頁margin-top 。 這應該適用於我的手風琴菜單的每個第二級子菜單。

我嘗試下面的代碼，但它不起作用。

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

我應該怎么做？

提前謝謝了。

注意：我正在使用外部js，它在加載時添加了類。 （由香蕉在評論部分指出）

Answer 1

我確實設法使其工作：

.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在這里

Answer 2

請檢查jsfiddle 。

如果我正確理解您的要求。 我將邊框設置為紅色的第二級第一元素邊框。

您可以將所需樣式應用於元素

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