title: Setting CSS to an img inside div that has class inside div that has ID
body: <p>I have this code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code> .image-info &gt; img {
      width:50px;
      height:50px;
      background-color:red;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="special-image1"&gt;
      &lt;div class="image-itself"&gt;&lt;/div&gt;
      &lt;div class="image-info"&gt;
          &lt;img scr="" alt="SP1" width="248" height="78"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="special-image2"&gt;
      &lt;div class="image-itself"&gt;&lt;/div&gt;
      &lt;div class="image-info"&gt;
          &lt;img scr="" alt="SP2" width="248" height="78"&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I would like to change only the img with alt "SP2". Another problem is that the code has generato. Can I do this?</p>
  
  <p>Thanks.</p>