1

私はhtmlを持っています

<div id="leftDiv">
<ul>
    <li class="submenu_items" style="display: list-item;">
        <ul class="nomargin"> 
            <li><a href="/link1.php">One</a></li>
            <li><a href="/link2.php">Two</a></li>
        </ul>
    </li>                
</ul>
</div>

CSSは

#leftDiv ul li.submenu_items ul.nomargin{
    margin:0;             
    list-style-image:none!important;
}

そして、私が持っています

#leftDiv ul li{
   list-style-image: url("/images/spacer.png");
}

ff ではすべて問題ないように見えますが、chrome と Opera には ul li bg(/images/spacer.png) からの余分な画像があります。chrome と Opera には 1 つの余分なリスト項目があるようです

ここに画像の説明を入力 ここに画像の説明を入力

4

1 に答える 1

1

このフィドルを参照してください

実際には 3 つ<li>のノードがあり、CSS は目的の出力に正しく対応していません。

CSS を次のように変更することをお勧めします。

#leftDiv ul{
   list-style:none;
}
#leftDiv ul li.submenu_items ul.nomargin{
   margin:0; list-style:none!important; 
} 
#leftDiv ul ul li{ 
   list-style-image: url(/images/spacer.png); 
}
于 2013-11-14T12:28:55.533 に答える