Question

我有一个无序列表，如：

<ul style="list-style: square url(Images/rssIconSmall.png)">
                    <li><h3>All Items</h3></li>
                    <li>Item1</li>
                    <li>Item2</li>
                    <li>Item3</li>
                    <li>Item4</li>
</ul>

由于我将“list-style”作为图像显示所有列表项。但我不想显示第一个项目的图像。我的意思是“所有项目”不应显示图像。有可能吗？有人能帮助我吗？

Answer 1

只需添加style =“list-style：none outside none;”在元素上你不想要子弹。或者根据需要自定义它。

问候，Alin

Answer 2

尝试使用CSS :first-child选择器。

ul li:first-child {
 display: none;
}

PS。某些浏览器（例如IE）可能无法与该选择器一起使用：http://reference.sitepoint.com/css/pseudoclass-firstchild

或更好，

/* CSS */
ul li.first {
 display: none;
}

<!-- HTML -->
<ul style="list-style: square url(Images/rssIconSmall.png)">
                    <li class="first"><h3>All Items</h3></li>
                    <li>Item1</li>
                    <li>Item2</li>
                    <li>Item3</li>
                    <li>Item4</li>
</ul>

隐藏一个特定列表项的列表样式图像

2 个答案: