css - 効率的な CSS セレクター

Question

CSS 子孫セレクターの使用を避けるべきであることはわかっていますが、これら 2 つのうちどちらがより効率的で、その理由は?

#myDiv .childDiv .grandchildAnchor span

また

#myDiv > .childDiv > .grandchildAnchor > span  

どちらも私のマークアップに有効であると想定できます。このようなことをどのようにテストすればよいでしょうか。両方のバージョンのコードを記述でき、効率の面で結果を取得できるオンライン プラットフォームはありますか。

編集：これらのことを学びたいです。

• 2 つの CSS セレクターがある場合、どちらがより速く動作するかをどのように知ることができますか。知識のためだけに。
• 2 つのセレクターのレンダリングをテストできるオンライン プラットフォーム。

Answer 1

を使用するだけidsです。その後、自動テストでメリットが得られます。QTP を参照してください。