「p.visible:last-of-type」が最後に表示されている段落要素をターゲットにしないのはなぜですか?

:last-of-type セレクターの動作

:last-of-type 擬似クラスは、指定された型の最後の要素をターゲットとします。親コンテナ内。ただし、CSS セレクター (p.visible:last-of-type) のコンテキストでは、:last-of-type はクラス インスタンスではなく要素タイプにのみ適用されることに注意することが重要です。

HTML マークアップ:

<code class="html"><div>
  <p class="visible">This should be hidden</p>
  <p class="visible">This should be displayed</p>
  <p>This should be hidden</p>
</div></code>

この問題は、:last-of-type が最後の

をターゲットにしているために発生します。この場合、この要素には .visible クラスがありません。したがって、あなたの

はどれも機能しません。

解決策

最後の

をターゲットにするには要素を .visible クラスで使用する場合、この特定の目的のための組み込み CSS セレクターがないため、JavaScript を使用する必要があります。

以上が「p.visible:last-of-type」が最後に表示されている段落要素をターゲットにしないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。