css - CSS セレクターの冗長性とパフォーマンス

Question

一般的な CSS の使用には何が優れていますか? 特定の例を示していますが、質問は、あらゆる状況でのこれの一般的な適用を対象としています。

table.class tbody tr td.class2 {
    stuff;
}

また

td.class2 {
    same stuff;
}

(唯一の td.class2 が常に親を持つ場合: table.class tbody tr.)

野生のルール、依存関係などを持つテーブルがたくさんある極端な状況でない限り、2番目の方が速いと思います。前者の方が具体的で分かりやすいのですが、数が多いと把握しづらくなるのではないかと思います。

---

CSSを書くならどっちがいい？コンテキストに依存すると思います：

1. 一般的に良いポリシーとして。
2. 圧倒的な数の訪問者とコンテンツを持たない Web ページ。
3. 圧倒的な数の訪問者はいないが、テーブルとコンテンツの量がかなり多い Web ページ。
4. 圧倒的な数の訪問者がいるが、テーブルとコンテンツの量がそれほど多くない Web ページ。
5. 圧倒的な数の訪問者とコンテンツを持つ Web ページ。

---

御時間ありがとうございます！

Answer 1

最初の賭けとしては、可能な限り小さいファイル サイズが必要です。つまり、理想的には、あなたのニーズに合った構造が必要です.alaはあなたのウェブサイトを正しい外観にし、可能な限り最小のサイズにします.

あなたが言及した最初の方法は、異なるレイアウトを必要とする異なる親構造に複数の class2 要素がある場合に適しています。つまり、すべての class2 要素が同じ親構造と一般的なレイアウトに存在し、全体のサイズが小さくなり、速度が向上する場合は、2 番目の方法で十分です。