title: Styling the first 10 items in a list
body: <p>Can something like li:nth-child be used to style the first ten items in a list?</p>
  
  <pre><code>&lt;ol&gt;
    &lt;li&gt;item 1&lt;/li&gt;
    &lt;li&gt;item 2&lt;/li&gt;
    &lt;li&gt;item 3&lt;/li&gt;
    &lt;li&gt;item 4&lt;/li&gt;
    &lt;li&gt;item 5&lt;/li&gt;
    &lt;li&gt;item 6&lt;/li&gt;
    &lt;li&gt;item 7&lt;/li&gt;
    &lt;li&gt;item 8&lt;/li&gt;
    &lt;li&gt;item 9&lt;/li&gt;
    &lt;li&gt;item 10&lt;/li&gt;
    &lt;li&gt;item 11&lt;/li&gt;
    &lt;li&gt;item 12&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>so 1 to 10 will be fancy and 11 and 12 will be normal. 
  I'd rather not use a class if possible.</p>