コードを繰り返さずに複数の CSS クラス スタイルを組み合わせる方法は?

複数の CSS クラス スタイルの結合

コードを繰り返さずに同じ CSS プロパティを複数のクラスに適用するには、クラス セレクター宣言を結合することを検討してください。これは、以下に示すように、クラス名をカンマで区切ることで実現できます。

<code class="css">.abc, .xyz {
  margin-left: 20px;
}</code>

この例では、CSS プロパティ margin-left: 20px; .abc クラスと .xyz クラスの両方に適用されます。例の CSS スニペットは、次のアプローチを使用して書き換えることができます:

<code class="css">.abc {
  margin-left: 20px;
}

.xyz {
  margin-left: 20px;
}</code>

は次のようになります:

<code class="css">.abc, .xyz {
  margin-left: 20px;
}</code>

以上がコードを繰り返さずに複数の CSS クラス スタイルを組み合わせる方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。