书写高效的CSS
我们写的CSS有多高效?换个说法,浏览器渲染我们的CSS会有多快?我承认这个问题我考虑的不够多
这个问题本应该是浏览器厂商考虑的——他们的浏览器越快,用户就越喜欢用他们的产品。Mozilla有一篇关于这方面最佳实践的文章,一直坚持Web应该更快的Google也有一篇。
我们一起看看他们阐释的一些主要观点,然后探讨一下这些原则的实用价值
从右向左
浏览器如何读取你的CSS选择器?我们需要明白的最重要的一点是从右向左。比如这个选择器ul > li a[title="home"],浏览器首先读取的是a[title="home"]。这个首先被读取的部分我们叫它key selector,它是浏览器最終要选择的元素。
