title: CSS3 selector question for all but first select
body: <p>With the following markup i want a CSS selector to select all but the first select menu within each options div - of which there may be many:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="options"&gt;
      &lt;div class="opt1"&gt;
          &lt;select title="Please choose Warranty"&gt;
              &lt;option value=""&gt;Select Waranty&lt;/option&gt;
              &lt;option value="1"&gt;1 year guarantee&lt;/option&gt;
              &lt;option value="2"&gt;3 year guarantee&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
      &lt;div class="opt2"&gt;
          &lt;select title="Please choose Color"&gt;
              &lt;option value=""&gt;Select Color&lt;/option&gt;
              &lt;option value="1"&gt;Red&lt;/option&gt;
              &lt;option value="2"&gt;Blue&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
      &lt;div class="opt3"&gt;
          &lt;select title="Please choose Size"&gt;
              &lt;option value=""&gt;Select Size&lt;/option&gt;
              &lt;option value="1"&gt;Small&lt;/option&gt;
              &lt;option value="2"&gt;Big&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am using this within Prototype which has almost full css3 selector support so not concerned by browser support.</p>
  
  <p>The initial selector would be something like:</p>
  
  <pre><code>div.options div select
  </code></pre>
  
  <p>I've tried a few variations on <code>nth-child</code> and <code>:not(:first-child)</code> but can't seem to make it work.</p>