`.class:last-of-type` が特定のクラスの最後の要素を選択しないのはなぜですか?

.class:last-of-type が期待どおりに機能しないのはなぜですか?

.class:last-of-type セレクターは次のとおりです。特定のクラスの最後の要素ではなく、特定のコンテナ内の特定の型の最後の要素をターゲットにするように設計されています。

この例では:

<code class="css">p{
    display: none;
}
p.visible:last-of-type {
    display: block;
}</code>

セレクターは最後の要素を検索します。

各包含要素内の要素。ただし、

はどれも存在しないため、要素には .visible クラスが適用されており、セレクターは最終的にそれらを選択しません。

最後の要素を .visible クラスでターゲットにするには、代わりに次のセレクターを使用します。

<code class="css">div p:last-of-type.visible {
    display: block;
}</code>

このセレクター最後の

をターゲットとします。各

内の要素これは .visible クラスも持っています。

以上が`.class:last-of-type` が特定のクラスの最後の要素を選択しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。