ルールセットを参照せずに CSS スタイルを再利用するにはどうすればよいですか?

CSS ルールの参照

CSS では、あるルールセット内で別のルールセットを参照することはできません。ただし、同様の効果を達成する他の方法もあります。

セレクターの再利用

スタイルシート内の複数のルールセットでセレクターを再利用できます。例:

.opacity, .someDiv {
  ...
}

これは、不透明度クラスと someDiv クラスを持つ両方の要素に同じスタイルを適用します。

セレクターの組み合わせ

もできます。単一のルールセットで複数のセレクターを使用します。セレクターはカンマで区切ります:

.opacity, .someDiv {
  ...
}

これは、不透明度クラスまたは someDiv クラスのいずれかの要素に同じスタイルを適用します。

複数のクラスの適用

クラスを使用して、複数のクラスを単一の HTML 要素に適用できます。属性:

<div class="opacity radius"></div>

これにより、不透明度と半径のルールセットで定義されたスタイルがこの要素に適用されます。

ベスト プラクティス

使用を検討してください。特定のスタイルではなくスタイルの目的を説明するクラス名スタイリング:

.rounded-corners {
  ...
}

コードの保守性を維持するために、CSS ロジックを HTML 構造から分離してください。

以上がルールセットを参照せずに CSS スタイルを再利用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。