title: Selecting the second occurrence of a class with CSS?
body: <p>Given the following (dynamic) markup, I need to match the second occurrence of the class orange, regardless of how many divs have the class apple.</p>
  
  <pre><code>&lt;div&gt;
    &lt;div class="apple"&gt;&lt;/div&gt;
    &lt;div class="apple"&gt;&lt;/div&gt;
    &lt;div class="orange"&gt;&lt;/div&gt;
    &lt;div class="apple"&gt;&lt;/div&gt;
    &lt;div class="apple"&gt;&lt;/div&gt;
    &lt;div class="orange"&gt;&lt;/div&gt; &lt;--
    &lt;div class="apple"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Can it be done with CSS? Thanks.</p>