title: I would like to apply css to the first image
body: <p>I tried <code>first-child</code> but I couldn't get it to work.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.post_locked2 img:first-child {
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="post_locked2"&gt;
    &lt;h1&gt;title...
    &lt;h2&gt;Subtitle....
    &lt;p&gt;.....
    &lt;p&gt;....
    &lt;img class="aligncenter" src="http://www.what...
    &lt;img title="RockDizFile" src="http://......
    &lt;img title="Bullet" src="http://wwww.......
  &lt;/div&gt;
  </code></pre>
  
  <p>How would you apply css to the first image only?</p>