CSS兼容性，鉻一個額外的列表項

Question

我有HTML

<div id="leftDiv"> 
<ul> 
    <li class="submenu_items" style="display: list-item;"> 
     <ul class="nomargin"> 
      <li><a href="/link1.php">One</a></li> 
      <li><a href="/link2.php">Two</a></li> 
     </ul> 
    </li>     
</ul> 
</div> 

CSS是

#leftDiv ul li.submenu_items ul.nomargin{ 
    margin:0;    
    list-style-image:none!important; 
} 

，我有

#leftDiv ul li{ 
    list-style-image: url("/images/spacer.png"); 
} 

在FF一切看起來很好，但在Chrome和歌劇我有來自ul li bg（/images/spacer.png）的額外圖像，它看起來像我在鉻和歌劇中有一個額外的列表項目

Answer 1

看到這個Fiddle

你確實有3個<li>節點，你的心不是CSS正確包容你所需的輸出。

你可能想改變你的CSS：

#leftDiv ul{ 
    list-style:none; 
} 
#leftDiv ul li.submenu_items ul.nomargin{ 
    margin:0; list-style:none!important; 
} 
#leftDiv ul ul li{ 
    list-style-image: url(/images/spacer.png); 
}