CSS nth-child用于一系列元素

Question

我对使用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)但它似乎无法正常工作.

请帮忙.

Answer 1

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

Answer 2

你只需要将.div更改为div(它是一个元素,而不是一个类).

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