6

我对使用 nth-child() 有点陌生，因此将不胜感激任何帮助。我正在尝试在我的 css 文件中使用它，而不是直接在 html 中使用它。下面是我的代码 - 我想突出显示填充到此列表中的前四个项目。 

        <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)，但它似乎无法正常工作。

请帮忙。

4

2 回答 2

9

了解 nth-child 的最佳指南是这个网站： http: //nthmaster.com/

于 2012-11-14T17:06:15.057 回答
6

您只需将.div更改为div（它是一个元素，而不是一个类）。

见这里：http: //jsfiddle.net/sQCCA/

于 2012-08-22T15:21:57.857 回答