title: access <img> tag with CSS
body: <p>I need some help with CSS. I am trying to create a tree with lots of <code>&lt;ul&gt;</code> and <code>&lt;li&gt;</code> tags. The problem is that I have many <code>&lt;li&gt;</code> tags with a particular class, and inside that list I have an <code>&lt;img&gt;</code> tag. </p>
  
  <p>How can I access that <code>&lt;img&gt;</code> tag and put different background image? I am confused how to point my <code>&lt;img&gt;</code> tag with the class of the <code>&lt;li&gt;</code> and then set a background-image.</p>
  
  <p>Note: CSS3 is not allowed</p>
  
  <hr>
  
  <pre><code>&lt;ul&gt;
    &lt;li class="leaf"&gt;&lt;img&gt;&lt;/li&gt;
    &lt;li class="leafhidden"&gt;&lt;img&gt;&lt;/li&gt;
    &lt;li class="leafhidden"&gt;&lt;img&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <hr>
  
  <p>Thank You</p>