title: CSS nth-child for a range of elements
body: <p>I'm a bit new to using nth-child() so any help would be greatly appreciated.  I'm trying to use it in my css file and not directly into the html.  Below is my code - I want to highlight the first four items that populate into this list.  </p>
  
  <pre><code>        &lt;div class="icdcode-selector row-fluid " icdcode="@icd.ICDCode" orderID="@x" icdID="@icd.ID"&gt;
              &lt;div class="span2 icdcode-sortable-handle"&gt;
                  &lt;div class="row-fluid"&gt;
                      &lt;div class="span6"&gt;
                          &lt;i class="icon-align-justify"&gt;&lt;/i&gt;
                      &lt;/div&gt;
                      &lt;div class="span6"&gt;
                          &lt;span class="icd-name"&gt;@icd.ICDCode&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="span9"&gt;
                  @Html.TextAreaFor(m =&gt; icd.UserText, new { @class = "span11", id = "icd_" + Model.Encounter.DictationID.ToString() + "_" + icd.ICDCode.Replace('.', '-'), icd = icd.ICDCode })
              &lt;/div&gt;
              &lt;div class="span1"&gt;
                  &lt;a href="#" class="btn btn-mini icd-remove"&gt;&lt;i class="icon-remove"&gt;&lt;/i&gt;&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to use a class like this: <code>.primary-billing .div:nth-child(-n+4)</code>, but it doesn't seem to work properly.</p>
  
  <p>Please help.</p>