CSS nth-child per una serie di elementi

Question

Sono un po 'nuovo nell'usare nth-child() quindi qualsiasi aiuto sarebbe molto apprezzato. Sto provando ad usarlo nel mio file css e non direttamente nell'html. Di seguito è riportato il mio codice: desidero evidenziare i primi quattro elementi che compaiono in questo elenco.

 <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> 

Sto cercando di usare una classe come questa: .primary-billing .div:nth-child(-n+4), ma non sembra funzionare correttamente.

Per favore aiuto.

Answer 1

Hai solo bisogno di cambiare .div-div (si tratta di un elemento, non è una classe).

vedere qui: http://jsfiddle.net/sQCCA/

Answer 2

La guida migliore che si può avere per capire nth-child è questo sito: http://nthmaster.com/