css - CSS セレクター: クラスと ID

Question

速度や読み込み時間などのパフォーマンスを向上させたい場合は、JavaScript (jQuery も同様) で使用されるセレクターのタイプが重要であることを読みました。

同じことがCSSにも当てはまりますか？その場合、DOM で使用するのに適したセレクターはどれですか: id、クラス、またはネストされた可能性がありますか? 私はここで特定の要素について話している（一般的に<ul>すべてではなく特定<ul>の s のように）。

score 2 · Accepted Answer

CSS が読み込み時間と速度に大きなレンダリングの問題を引き起こす可能性があるとは思えません。私の経験では、CSS を適切かつシンプルに保つ必要があるという結論に達しました。私は次のようなものを見てきました：

.element1 {...}
   .element1 #element2 {...}
   .element1 #element2 .element3 {...}

しかし、可能な限り一意のセレクターを使用し、単純に次のように説明したいと思います。

.element1 {...}
 #element2 {....}

私の意見では、CSS の最適化は非常にトリッキーであり、慎重に行う必要があります。

score 0 · Accepted Answer

私が何度も読んだように、IDを持つ要素はハッシュテーブルとして保存され、検索が高速であるため、IDはクラスよりも要素を見つけるのに高速です。

残念ながら、私はこれを証明または拒否するためのリソースを知りませんが、すでに述べたように、この種の声明をたくさん見てきました.

score 0 · Accepted Answer

ページ上の 2 つの HTML 要素が同じであってはならないidため、単一要素の処理には ID を使用することをお勧めします。同じクラスを多くの要素で使用できるため、グループ操作にはクラスを使用することをお勧めします。パフォーマンスに関しては、どちらも適切に機能します自分

3 に答える 3