css - 如何选择性地抑制某些 li 的 list-style-image

Question

在我的ul中，我希望默认列出项目符号，但我希望能够有选择地提供个人li'a 类，使他们不使用ul's list-style-image。现在，我给定的 CSSul如下所示：

.monthly-menu td ul {
    margin: 0 15px 15px 20px;
    list-style-image: url('../images/menus/menu-bullet.png');
}

有没有我可以添加到li's 的样式，这样他们就不会从 's 继承项目符号图像ul？

Answer 1

您可以将特定的类/id添加到相应的类/id 中li，然后添加list-style-image: none到 CSS 中。例子：

HTML

<ul>
    <li class="noImage">Text here.</li>
    <li>Text here.</li>
</ul>

CSS

ul {
    list-style-image: url('../images/menus/menu-bullet.png');
}

.noImage {
    list-style-image: none;
}

​ JS 小提琴：http: //jsfiddle.net/YrEM4/1/