css - 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からeatchli要素の背景を設定しました。ul {background: yellow}これを行う最良の方法は、、、を使用することだと 思っていましたli {background: inherit}。継承は機能しますが、ulコンテナの背景を非表示にする方法がわかりません...display: inlineまたはwidth: 0px、デフォルトのオーバーフローを使用して解決しようとしましたが、機能しません。

Answer 1

の背景色を設定しないでください<ul>。<li>の子であるsにのみ設定してください<ul class='yellow'>。

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

Answer 2

私はそれをこのように解決します：http：//jsfiddle.net/nDVr6/3/

使いたくないul.yellow li。

Answer 3

背景をliに直接追加するか、display：noneをulに追加してみてください。親要素の幅を設定することは、子オブジェクトよりも小さく縮小されないため、機能しません。