6

私はnth-child()の使用に少し慣れていないので、助けていただければ幸いです。htmlに直接ではなく、cssファイルで使用しようとしています。以下は私のコードです-このリストに入力される最初の4つの項目を強調したいと思います。

        <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を理解するために必要な最良のガイドは、次のWebサイトです。http://nthmaster.com/

于 2012-11-14T17:06:15.057 に答える
6

.divdivに変更する必要があります(これはクラスではなく要素です)。

ここを参照してください:http://jsfiddle.net/sQCCA/

于 2012-08-22T15:21:57.857 に答える