スタイルとCSSの使用

Question

私はCSSには新しく、必要以上のスタイルを作成しないようにしようとしていますが、1つの要素に複数のものを適用しようとするとちょっと巻き込まれてしまいます。

基本的に私は出力を作成するためにCSSを使用している10章のドキュメントを持っています。各章は同じように見えますが、異なる色の見出しとヘッダーとフッターがあります。そこで、各章の色ごとにジェネリッククラスを作成し、それを関連する章の見出しに適用しました（例：h1.Operationは、章1のスタイルにOperation章の色を適用します）。

しかし、そのスタイル（例：td.RightAlignHeaderFooter）を作成するためにヘッダーを右揃えにするスタイルが必要でしたが、チャプターのジェネリッククラスを使用してチャプターカラーを適用することはできません。

基本的に、私は唯一の違いが色である10の同一のスタイルを作成しないようにしています。これについては一般的なクラスを使用して正しい方法を使用していますか？

Answer 1

はい、ジェネリッククラスを使用することはCSSクラスを使用する正しい方法です。

.header-red { 
 
    color: red; 
 
} 
 

 
.header-blue { 
 
    color: blue; 
 
} 
 

 
.align-right { 
 
    text-align: right; 
 
} 
 

 
.align-center { 
 
    text-align: center; 
 
}

<div class="header-red align-center">TEXT</div> 
 
<div class="header-red align-right">TEXT</div> 
 
<div class="header-blue align-center">TEXT</div> 
 
<div class="header-blue align-right">TEXT</div>