2012-08-22 54 views
5

我對使用nth-child()有點新,所以任何幫助將不勝感激。我試圖在我的CSS文件中使用它,而不是直接在html中。以下是我的代碼 - 我想突出顯示填入此列表的前四項。一系列元素的CSS第nth-child

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

我試圖用這樣一個類:.primary-billing .div:nth-child(-n+4),但它似乎並沒有正常工作。

請幫忙。

+3

我沒有看到你的代碼的任何一類主計費。 – j08691

回答

6

你只需要更改.divdiv(這是一個元素,而不是一個類)。

在這裏看到:http://jsfiddle.net/sQCCA/

+1

是的,我想出來,回到這裏迴應。但謝謝你的回覆,我非常感謝大家迴應.. :) –

相關問題