だから私は主要なホテルチェーンのサイトに取り組んでおり、css には、考えられるあらゆる状況に対応する既存のクラスがあります。
ページを編集していて、100 以上追加しています
コードを持つインスタンス:
<p class="pad-b10 pad-t15 margin-b5 border-bottom-black">
これにより、下に 10 ピクセルのパディング、上に 15 ピクセルのパディング、下に 5 ピクセルの余白、および下に黒い境界線が適用されます。
私の質問は、これらのパラメーターをすべて含む 1 つのクラスを作成する方が理にかなっていますか? CSS の残りの部分には、あまり多くのカスタム クラスはありません。
ありがとう
Mozillaの実装（およびおそらく他の実装）では、各要素について、CSSエンジンがスタイルルールを検索して一致するものを見つけます。エンジンは、右端のセレクター（「キー」と呼ばれる）から開始して、一致するものが見つかるかルールを破棄するまで各セレクターを移動して、各ルールを右から左に評価します。（「セレクター」は、ルールが適用されるドキュメント要素です。）
このシナリオでは、単一のスタイル要素を持つことは非常に価値があるため、ブラウザーは1つのキー（cssクラス名）のみを検索する必要があり、これによりパフォーマンスが向上します。
ためらうことなく、より統合されたクラスで、あなたが説明した方法でその CSS をクリーンアップすることを強くお勧めします。あなたが継承したその CSS はひどく制限しているようです。しかし、誰かがめちゃくちゃなナットをデバッグするように駆り立てるほどページが遅くなるとは思いません! これは有効な懸念事項です。
pad-b10編集: また、位置と高さ ( 、pad-t15、など)に基づく名前付けクラスmargin-b5は、基本的にインライン CSS のハードコーディングと同じくらい悪いことを追加するのも好きです。意味的に意味があると思われるように CSS を作り直します。そして、共通のパターンがなければならないので、それに適応します。しかし、そのようなCSSは私を病気にします。