html - 特定のImg座標を使用した右上の背景位置

Question

親ノードのタイトルの左側にアイコンが表示されるドロップダウンリストがあります。このアイコンは、他に12個のアイコンがあるアイコン画像にあります。私が使用しようとしているアイコンは、この画像のピクセル座標（0px、100px）にあります。

要素の右上隅の（0px、100px）にある画像の一部をどのように配置するのでしょうul.list > liか？

ul.list > li { background: url('images/icons.png') top right 0px 100px no-repeat; } //does not work

<ul class="list">
  <li>Title
    <ul>
      <li>Subs</li>
      </li>Subs</li>
    </ul>
  </li>
  <li>Fruits
    <ul>
      <li>Apples</li>
      <li>Bananas</li>
    </ul>
  </li>
</ul>

Answer 1

注：質問を編集しました。削除するだけですtop right

liあなたの高さと幅を与えて、top rightこのように定義してください

ul.list > li { background: url('images/icons.png') 0 100px no-repeat; }