CSS の特定のクラスを使用して最後の要素をスタイル設定するにはどうすればよいですか?

特定のクラスを使用して CSS ルールを最後の要素に指定する:

CSS では、特定のタイプの最後の要素を選択するのは次の方法を使用することで簡単です。 :last-of-type 疑似クラス。ただし、この疑似クラスを特定のクラスに適用することは、ネイティブではサポートされていません。

次のシナリオを考えてみましょう:

div:last-of-type {
  margin-right: 0;
}

このコードはグループ内の最後の div 要素を正常に処理しますが、は適用されたクラスを考慮しません。

望ましい結果を達成するには、クラスをselector:

div.class:last-of-type {
  margin-right: 0;
}

残念ながら、この CSS 構文はブラウザーでは認識されません。 :last-of-type 擬似クラスは、クラスではなく型に基づいて要素を選択することに制限されています。

代替ソリューション:

• JavaScript: クラスに基づいて必要な CSS ルールを動的に識別して変更する JavaScript 関数を実装します。 names.
• マークアップ/CSS リビジョン: この制限を回避するにはマークアップまたは CSS を再構築し、指定されたクラスの最後の要素が一意の識別子を持つようにします。

以上がCSS の特定のクラスを使用して最後の要素をスタイル設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。