0

現状では、background-position css プロパティを使用してナビゲーション メニューを作成しました。ここをクリック

    #nav-menu li a{
    background: url("images/navbar.png") no-repeat scroll 0 0 transparent;
    display: block;
    cursor: pointer;
    height: 102px;
}

#nav-menu .shop a{
    background-position: left top;
    width: 139px;
}

ショップ リンクで、別のメニューを表示するドロップダウン関数を作成しました。問題は、プロパティ内のすべてのタグが背景を複製していることです。

nav-menu li a

表示および非表示メニューでこの特定の背景画像をキャンセルして、別の背景画像を表示する方法はありますか?

4

3 に答える 3

1

#nav-menu li a では、直接の子のみが選択されるように子孫演算子を使用する必要があります。

例えば

#nav-menu > li > a
于 2012-08-24T11:51:13.683 に答える
0

css を次のように置き換えます。

#nav-menu li a{
background: url("images/navbar.png") no-repeat scroll 0 0 transparent;
display: block;
cursor: pointer;
height: 102px;
}

と ：

#nav-menu > li > a{
background: url("images/navbar.png") no-repeat scroll 0 0 transparent;
display: block;
cursor: pointer;
height: 102px;
}

直系子孫セレクター ( " > " ) の詳細については、こちらをご覧ください。

于 2012-08-24T12:06:02.913 に答える
0

最初の子を使用できます。背景を最初の要素にのみ設定する

     #nav-menu li:first-child a{
        background: url("images/navbar.png") no-repeat scroll 0 0 transparent;
    }

または、別の要素<li>に続くすべての要素の背景を別のものに強制することができます<li>

    #nav-menu li + li a{
        background-image: none;
    }
于 2012-08-24T12:10:22.427 に答える