如何选择性地压制列表式的图像

时间:2012-07-16 17:06:09

标签: css html-lists

在我的ul中,默认情况下我需要列表项目符号,但我希望能够有选择地为个人li提供一个类,导致他们不使用{{1}列表样式图像。现在,给定ul的CSS看起来像这样:

ul

我可以添加到.monthly-menu td ul { margin: 0 15px 15px 20px; list-style-image: url('../images/menus/menu-bullet.png'); } 的样式,以便它们不会继承li的子弹图像吗?

1 个答案:

答案 0 :(得分:2)

您可以向li添加特定的类/ ID,然后将list-style-image: none添加到CSS以获取相应的类/ ID。例如:

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/