CSS繼承，隱藏根元素

Question

我有這樣的事情：

<ul class='yellow'> 
     <li>item 1</li> 
     <li>item 2</li> 
     <li>item 3</li> 
    <ul> 

    <ul class='yellow'> 
     <li>item 1</li> 
     <li>item 2</li> 
     <li>item 3</li> 
    <ul> 

我設置從UL eatch li元素的背景。我在想，最好的方法是使用ul {background: yellow}和li {background: inherit}。繼承的作品，但我不知道如何隱藏ul容器的背景...我試圖使用display: inline或width: 0px和默認溢出解決它，但它是行不通的。

Answer 1

小我解決這個問題是這樣的：http://jsfiddle.net/nDVr6/3/

我不想使用ul.yellow li。

Answer 2

請勿設置<ul>的背景顏色。請僅爲<ul class='yellow'>的孩子的<li> s進行設置。

ul.yellow li{ 
    background-color: #ff0; 
} 

Answer 3

您可以將背景直接添加到li或可以嘗試顯示：none到ul。 要設置父元素的寬度是行不通的，因爲它不會收縮比子對象