2

我有这样的事情：

    <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: inlineorwidth: 0px和默认溢出解决它，但它不起作用。

4

3 回答 3

2

不要为<ul>. 只为<li>你的孩子设置它<ul class='yellow'>。

ul.yellow li{
  background-color: #ff0;
}
于 2012-11-19T14:13:25.133 回答
1

我这样解决：http: //jsfiddle.net/nDVr6/3/

我不想使用ul.yellow li.

于 2012-11-19T14:26:57.690 回答
0

您可以将背景直接添加到 li 或尝试 display:none 到 ul。设置父元素的宽度不起作用，因为它不会缩小到小于子对象

于 2012-11-19T14:14:39.093 回答