0

上部に表示されるメッセージを含むプロジェクトに取り組んでいます。ただし、最後に表示されたエラーメッセージを選択しようとすると、last-childが機能しないようです。あなたはここでこれを見ることができます：http：//jsfiddle.net/XNVCz/

ただし、HTMLの最後にある小さなコードを削除すると、

<div class="container"></div>

次に、そのdivが同じクラスではない場合でも、最後の子が再び機能します。私は何が間違っているのですか？

4

3 に答える 3

1

:last-childセレクターはクラスを認識しません。

クラス、IDなどに関係なく、「親要素の最後の子要素」（参照）である場合に要素を選択します。

于 2013-03-11T16:59:46.460 に答える
1

:last-child名前が示すように、親の最後の子を選択します（セレクターの前の要素名と一致する場合）。

ただし、クラス名は認識されません。したがって、セレクターは親のにのみ一致する.messager:last-childように探しています。:last-child

そして、明らかに、共通の親の最後の子として別の要素を挿入すると、他の要素はその親の最後の子ではなくなります。そして、残念ながら、まだ:last-of-classセレクターはありません。

于 2013-03-11T16:59:57.653 に答える
0

<div class="message">'：last-child'でスコープを設定するには、を親の仕切りに入れる必要があります。

jsfiddle.net/XNVCz/1/

<div>
    <div class="messager err">
        <div> <strong>Error:</strong> You did not enter the verification code properly.
            <a class="closemessage"><span aria-hidden="true" class="icon-x"></span></a>
        </div>
    </div>
    <div class="messager err">
        <div> <strong>Error:</strong> You did not enter the verification code properly.
            <a class="closemessage"><span aria-hidden="true" class="icon-x"></span></a>
        </div>
    </div>
</div>
于 2013-03-11T16:59:59.040 に答える