css - 1 つの一般的な CSS クラスと、異なる名前で同じコードの 2 つのクラスのどちらが優れていますか?

Question

私の質問の答えが見つかりません。したがって、パフォーマンスについて話す場合、どちらが優れているのだろうかと考えています。共通のクラスを 1 つ持つか、同じことを行うがコードの読みやすさを向上させる 2 つの異なるクラス名を持たせるかです。

.some_ul{
margin:0;
padding:0;
}

また

    .people_ul, .animals_ul{
margin:0;
padding:0;
}

オブジェクト指向プログラミングに似たようなものがあるので、より多くのクラスやオブジェクトを作成すると、より多くのリソースを使用したり、CSS にそのようなものはなく、コードを簡単に読むのに役立つ 2 番目のアプローチを作成することに問題はありません。

score 3 · Accepted Answer

昨年、css セレクターのパフォーマンスの問題が話題になりました。そこからみんな落ち着いてきました。事実、つまり統計を見ると、それは本当に問題ではありません。読みやすさを求めてください。違いはごくわずかです。フロントエンドのパフォーマンスに本当に関心がある場合は、他の場所に注力する必要があります。

score 1 · Accepted Answer

「同じもの」の定義によります。

共通のセマンティクスを共有する2 つの要素がある場合は、両方に 1 つのクラスを使用する必要があります。セマンティクスが異なる 2 つの要素があり、たまたまいくつかのビジュアルプロパティを共有している場合は、2 つの別個のクラスを使用します。

これに一貫性を持たせることは、Web サイトの維持と進化が苦痛ではなく簡単になることを保証するのに大いに役立ちます。

score -2 · Accepted Answer

css は、Web サイトのファイルサイズを縮小するための略語です。共通クラスを使用することをお勧めします

3 に答える 3