css - 一部のliのlist-style-imageを選択的に抑制する方法

Question

私の場合、デフォルトでリストの箇条書きが必要ですが、個々の'saクラスを選択的に指定して、'slist -style-imageを使用しないulようにしたいと思います。現在、特定のCSSは次のようになっています。 liulul

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

liから弾丸の画像を継承しないように、に追加できるスタイルはありulますか？

score 2 · Accepted Answer

特定のクラス/ID をにli追加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;
}

1 に答える 1