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

Question

在我的 ul 中，默认情况下我想要列表元素符号，但我希望能够有选择地为个别 li 提供一个类，使它们不利用 ul 的列表样式图像。现在，我的给定 ul 的 CSS 看起来像这样:

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

有没有我可以添加到 li 的样式，这样它们就不会从 ul 继承元素符号图像？

Answer 1

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

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 fiddle :http://jsfiddle.net/YrEM4/1/