.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>このセレクター最後の
をターゲットとします。各
以上が`.class:last-of-type` が特定のクラスの最後の要素を選択しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
