2012-08-22 4 views
5

Soy un poco nuevo en el uso de nth-child() por lo que cualquier ayuda sería muy apreciada. Estoy tratando de usarlo en mi archivo css y no directamente en el html. Debajo está mi código: quiero resaltar los primeros cuatro elementos que pueblan esta lista.CSS nth-child para una gama de elementos

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

estoy tratando de utilizar una clase como esta: .primary-billing .div:nth-child(-n+4), pero no parece funcionar correctamente.

Por favor ayuda.

+3

no veo nada en su código con una clase de primaria-facturación. – j08691

Respuesta

6

sólo tiene que cambiar .div a div (que es un elemento, no una clase).

Ver aquí: http://jsfiddle.net/sQCCA/

+1

Sí, me di cuenta y volví aquí para responder. Pero gracias por responder, estoy muy agradecido de que todos respondan ... :) –