title: select first element of the same class
body: <p>How to access first of many grouped element of the same class?
  Lets say i have something that looks like this:</p>
  
  <pre><code>&lt;div class="group"&gt;
      &lt;div class="element"&gt;&lt;/div&gt;
      &lt;div class="element"&gt;&lt;/div&gt;
      &lt;div class="element"&gt;&lt;/div&gt;
      &lt;div class="element"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="group"&gt;
      &lt;div class="element"&gt;&lt;/div&gt;
      &lt;div class="element"&gt;&lt;/div&gt;
      &lt;div class="element"&gt;&lt;/div&gt;
      &lt;div class="element"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="group"&gt;
      &lt;div class="element"&gt;&lt;/div&gt;
      &lt;div class="element"&gt;&lt;/div&gt;
      &lt;div class="element"&gt;&lt;/div&gt;
      &lt;div class="element"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to change style for ONLY the first element of each group. How can this be achieved? I tried </p>
  
  <pre><code>.group{
      .element:first{
          ####styles here
      }
  }
  </code></pre>
  
  <p>But it doesn't seem to work unfortunately(should it?).</p>