P221 CSSのマッチング順位

マッチングの際にはCSS セレクタは右から左に向けて処理が行われる。
CSS セレクタの記述を詳細にすればするほどマッチング処理は短くなると直感的に考える開発者がいるかもしれません。
しかし、実際にはセレクタの記述を増やせば増やすほどそれのマッチング処理に必要となる数が多くなり、マッチング処理に時間がかかってしまいます。

そのため、CSS セレクタは以下の方針で記述を行った方がよい。(P226)
・CSS セレクタをシンプルにする(可能なのであれば tr > td ではなく、 td とする)
・子孫セレクタ(半角スペース)や間接セレクタ(~)を避ける
・全称セレクタ(*)との組み合わせを避ける