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/

CSS nth-child用于一系列元素

2 个答案: