title: Select first and second of class
body: <p>My SCSS looks like this:</p>
  
  <pre><code>.wrapper {
      .part {
          ...
          &amp;.wheel {
              ... // code goes here
          }
       }
  }
  </code></pre>
  
  <p>And my html looks like this:</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;img src="..." class="part wheel"/&gt;
      &lt;img src="..." class="part wheel"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I select first and second <code>wheel</code> using CSS? I want to give them different properties.</p>