節錄中譯自這篇
https://css-tricks.com/efficiently-rendering-css/
而上面這篇又參考了
這篇 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Writing_efficient...
跟這篇 https://developers.google.com/speed/docs/insights/PrioritizeVisibleConte...
關於瀏覽器解譯CSS程式的方式及效率有幾個大原則
- Selector 由右到左解譯
- 效能：id > class > tag >universal
#myid{} /*最快*/
*{} /*最慢*/
- 不要在id前面多加個tag，如 ul#myid{}，因為id應該是唯一的
- 祖譜式的選擇器對效能是個災難，如
html body ul li a{} /*因為由右到左解譯，所以會一直解譯到html*/