0

これを読んで以来ずっと私を悩ませてきた質問があります。複数の要素を持つCSSセレクターは逆方向に機能するという一般的なことを知っています。そのキーセレクターは、プレフィックスルールによって選択されるDOM要素の数を絞り込むため、多くの効率を決定するものです。

しかし、これは私を混乱させました。つまり、新しい HTML5<header>など (ブロック スタイルのタグ) に関連しています。<header>などのタグを使用して、 の HTML 構造を使用しないようにしています<div class="header">。効率を改善するために書くしかないのに、わざわざ<header>効率 POV のタグを使用する必要があるでしょうか<header class="header">。

また、一般的な意味で、セレクターの一般的な構造に対するあなたの提案は何ですか? 例として、以下の文書を考えてみましょう: この場合、<img>タグのセレクターは何でしょうか。

<header>
    <div>
        <img src="http://www.google.com/" />
    </div>
</header>

最後に、これは問題の Web ページの効率にどの程度影響しますか? 検討する価値はありますか (gzip、DOM での JS の配置、縮小などの後)、それとも単なるつまらないものですか? 御時間ありがとうございます！

4

1 に答える 1

2

私の経験では、セレクターのパフォーマンスは、通常のサイズの html ドキュメントでは無視できます。*高性能なサイトを持っていない場合は、非効率なモンスター セレクター ( 、属性セレクター、疑似クラス/要素セレクター) を作成しないようにするだけで十分です。

headerとセレクターの違いに気付かないでしょうdiv.header。他の場所で時間を費やす方がよいでしょう。

于 2013-07-02T13:02:50.797 に答える