如何選擇性地壓制列表式的圖像

Question

在我的ul ，默認情況下我需要列表項目符號，但是我希望能夠有選擇地給出個別的li類，這會導致他們不使用ul的list-style-image。 現在，我給定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，然后將list-style-image: none到相應類/ id的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;
}