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

不要设置 <ul> 的背景颜色。仅将其设置为<li>是你的 child <ul class='yellow'> .

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