title: CSS select all child elements except first two and last two
body: <p>I'm very curious (that's all) to see how you would select all children of an element except the first two and last two.</p>
  
  <p><a href="http://jsfiddle.net/rudiedirkx/7BQV8/" rel="noreferrer">I've a method</a>, but it's nasty and unreadable. There must be a much clearer method that doesn't need 8 pseudo-selectors.</p>
  
  <pre><code>:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)) {
      background: purple;
  }
  </code></pre>
  
  <p>Yeah, that's pretty horrible. It literally selects all elements that are :not the first or second first or last. There must be a method that uses <code>2</code> as a semi-variable, instead of piling on pseudo-selectors.</p>
  
  <p><a href="http://jsfiddle.net/rudiedirkx/7BQV8/1/" rel="noreferrer">I thought of another one</a> (still messy):</p>
  
  <pre><code>:not(:nth-child(-1n+2)):not(:nth-last-child(-1n+2)) {
      background: purple;
  }
  </code></pre>