CSS nth-child dla zakresu elementów

Question

Jestem trochę nowy w użyciu nth-child(), więc każda pomoc byłaby bardzo ceniona. Próbuję użyć go w moim pliku css, a nie bezpośrednio w html. Poniżej znajduje się mój kod - chcę wyróżnić pierwsze cztery elementy, które znajdują się na tej liście.

 <div class="icdcode-selector row-fluid " icdcode="@icd.ICDCode" orderID="@x" icdID="@icd.ID"> 
      <div class="span2 icdcode-sortable-handle"> 
       <div class="row-fluid"> 
        <div class="span6"> 
         <i class="icon-align-justify"></i> 
        </div> 
        <div class="span6"> 
         <span class="icd-name">@icd.ICDCode</span> 
        </div> 
       </div> 
      </div> 
      <div class="span9"> 
       @Html.TextAreaFor(m => icd.UserText, new { @class = "span11", id = "icd_" + Model.Encounter.DictationID.ToString() + "_" + icd.ICDCode.Replace('.', '-'), icd = icd.ICDCode }) 
      </div> 
      <div class="span1"> 
       <a href="#" class="btn btn-mini icd-remove"><i class="icon-remove"></i></a> 
      </div> 
     </div> 

Próbuję użyć klasy tak: .primary-billing .div:nth-child(-n+4), ale nie wydaje się, aby działać poprawnie.

Proszę o pomoc.

Answer 1

Wystarczy zmienić .div na div (jest to element, a nie klasa).

Zobacz tutaj: http://jsfiddle.net/sQCCA/

Answer 2

najlepszym przewodnikiem można zrozumieć nth-child jest ta strona: http://nthmaster.com/