CSS を記述するとき、クラス レベルが多すぎるとページのレンダリング パフォーマンスに影響しますか? _html/css_WEB-ITnose

次のような例を挙げてください:

<div class='first'>     <div class='first-one'>            <div class='first-two'>                     <span class="first-span">                           test                           <small>small</small>                      </span>             </div>      </div></div>

css:
.first .first-one .first-two { margin: 0px; }
.first .first-one .first-two .first-span small { color : black } // このように書くとパフォーマンスに問題はありますか?

私はフロントエンドの人間ではないので、この問題には常に悩まされてきました。社内にフロントエンドライティングを専門に担当する人がいないので、こちらに伺いました。

ディスカッションへの返信 (解決策)

フロントエンドの場合、CSS はコードの簡潔さと可能な限り短くすることに重点を置いています。コードが長すぎると、読み込み速度に確実に影響します
。

一般的に、スタイルを記述するときは、対応するラベル設定スタイルが見つかる限り、3 レベルを超えないようにするのが最善です

また、レベルが多すぎると、可読性が低下します。他の人

理論上の影響。しかし、それは無視できます。これほど長く書いた主な理由は、見た目がぎこちないからです。

基本的にはそんなことは起こりません！
重要なのは読みやすさを考慮することです!

パフォーマンスの問題はありますが、少量の使用では影響はありません

CSS は難しくありませんが、ページの読み取りと保守、および論理的な関係を容易に記述するのはまだ簡単ではありません。構造を明確に定義する必要があります