如何提高CSS选择器效率
?
首先我们需要清楚,浏览器是如何读取选择器,以识别样式,并将相应的样式附于对应的HTML元素,达到美化页面的效果。Chris Coyier曾在《Efficiently Rendering CSS》一文中说过“浏览器读取你的选择器,遵循的原则是从选择器的右边到左边读取。换句话说,浏览器读取选择器的顺序是由右到左进行”。比如说:
?
本来想自己写的,发现这篇文章很不错,就转过来了。转自W3CPLUS。
更多内容可以查看MDN的文章:
https://developer.mozilla.org/en-US/docs/Writing_Efficient_CSS?redirect=no#Universal_Rules
?