仅将list-style-image应用于给定的ul，而不是应用于相邻的ul

Question

我有一个<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。 我该如何解决这个问题？

Answer 1

你的html无效你不能把ul作为ul的孩子，把ul放在li中然后把样式应用到嵌套的lis。

<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;

DEMO

Answer 2

问题是该样式应用于ul，而不是li。 按如下方式更改CSS：

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

#islist ul {
    list-style-type: none;
}