隱藏列表樣式圖像爲一個特定列表項

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> 

因爲我給「名單式」的形象出現的所有列表項。但我不想顯示第一個項目的圖像。我的意思是「所有項目」圖像不應該顯示。這有可能嗎？任何人都可以幫助我嗎？

Answer 1

只需添加style =「list-style：none outside none;」在你不想擁有子彈的元素上。或者根據需要定製它。

問候，阿林

使用CSS :first-child選擇

Answer 2

嘗試。

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>