title: Combine :not() and :first-child() selectors
body: <p>I'm looking for a way to combine two css selectors. In my case, ':not' and ':first-of-type'. This is my code:</p>
  
  <pre><code>&lt;div id="holder"&gt;
    &lt;div class="image mobileOnly"&gt;...&lt;/div&gt;
    &lt;div class="image"&gt;...&lt;/div&gt;
    &lt;div class="image"&gt;...&lt;/div&gt;
    &lt;div class="image"&gt;...&lt;/div&gt;
    &lt;!-- ... more images ... --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'd like to select the first div.image that's doesn't contain the 'mobileOnly' class.</p>
  
  <p>I tried the following combinations (in different orders):</p>
  
  <pre><code>#holder .image:not(.mobileOnly):first-of-type {
    border: 5px solid #0a85d4;
  }
  
  #holder .image:not(.mobileOnly) :first-of-type {
    border: 5px solid #0a85d4;
  }
  </code></pre>
  
  <p>Is this possible at all?</p>