css继承，隐藏根元素

我有这样的想法：

    <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>

项目1
项目2
项目3


项目1
项目2
项目3

---

我为ul的eatch li元素设置了背景。我想最好的方法是使用

ul{background:yellow}

，和

li{background:inherit}

。继承工作，但我不知道如何隐藏ul容器的背景。。。我尝试使用

display:inline

或

width:0px

和默认溢出来解决它，但它不起作用

不要为

设置背景色。仅为属于您的

的子项的

设置此选项

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

您可以直接将背景添加到li，也可以尝试将display:none添加到ul。
要设置父元素的宽度将不起作用，因为它不会收缩到小于子对象的宽度
我用以下方法解决它：

我不想使用
ul.yellow li
 您的意思是要指定li元素以添加背景吗？比如：
ul.yellow li{background color:yellow；}
为li添加背景而不是为ul添加背景，为什么你必须有继承的风格？@ukaszBorawski，因为我从未使用过它：）这很好，但使用继承要好得多。当我想再加一种颜色时，我不必每次都加ul.黄色。