異なるdivの上部と下部を再利用しますか？

Question

皆さん、どうやってこれをどう扱っているのか分かりませんが、すべてのラベルにdivを割り当てて、テキストやイメージの塊を作成してから、スペースやスペースにマージンやパディングのCSSクラスを作成してください。問題は、今私のスタイルシートでは、そこのdivの半分がこれ以外何もしていないことがわかります。

.example-div { 
    margin-top: 50px; 
    margin-bottom: 50px; 
} 
.second-example-div { 
    margin-top: 50px; 
    margin-bottom: 50px; 
} 

これらのクラスのいくつかを宣言して再利用しますか、コードを繰り返してもすべてをユニークにしますか？

私はこのようなことをやろうと考えていて、ほぼすべての部門でマージンが使用されているので、再利用しています。これは悪い考えですか？

.margin-small { 
    margin-top: 50px; 
    margin-bottom: 50px; 
} 
.margin-large { 
    margin-top: 80px; 
    margin-bottom: 80px; 
} 

私はまた、ブートストラップ使用していますが、私はに建てられたこのようなものはないと思う。あなたの助けをありがとう。

Answer 1

これらのスタイルを適用するCSSクラスを作成することが最善の方法です。スタイルを変更するdivで必要に応じて再利用することができます。あなたは間違いなく、新しいクラスのすべてのdivに同じCSSを書き直すべきではありません。クラスを一意にする必要はなく、再利用するように設計されています。部門IDは一意性のためのものであり、クラスは再利用のためのものです。

Answer 2

LESSやSASSのようなCSSプリプロセッサを使うと、mixinsのような機能がたくさんあります。