1

私は<ul id="islist">それに応じたCSSを持っています：

#islist {
    list-style-image: url('../img/img.png');
}

#islist * li {
    list-style-type: none;
}

次に、この中に別のものがあります：

<ul id="islist">
    <li>title</li>
    <ul>
        <li>li1</li>
        <li>li2</li>
        <li>li3</li>
        <li>li4</li>
    </ul>
</ul>

問題は、<li>だけでなく、すべての要素に画像が設定されていることtitleです。どうすればこれを解決できますか？

4

2 に答える 2

2

HTMLが無効であるため、ulをulの子として持つことはできず、ulをliに配置すると、ネストされたliにスタイルが適用されます。

<ul id="islist">
    <li>title</li>
    <li><ul>
        <li>li1</li>
        <li>li2</li>
        <li>li3</li>
        <li>li4</li>
    </ul>
    </li>
</ul>

list-style: none;また、代わりに使いたいと思いますlist-style-type:none;

デモ

于 2013-02-24T00:42:28.870 に答える
1

問題は、スタイルがにではulなく、に適用されることliです。CSSを次のように変更します。

#islist {
    list-style-image: url('../img/img.png');
}

#islist ul {
    list-style-type: none;
}
于 2013-02-24T00:42:19.977 に答える