本文介绍了如何优化CSS选择器以提高网页性能，包括减少通配规则的使用、使用类代替标签选择、简化ID及类的选择路径、减少后代选择器的深度，并讨论了如何利用CSS的继承特性。
- 避免使用通配规则 如 *{} 计算次数惊人！只对需要用到的元素进行选择
- 尽量少的去对标签进行选择，而是用class 如：#nav li{},可以为li加上nav_item的类名，如下选择.nav_item{}
- 不要去用标签限定ID或者类选择符 如：ul#nav,应该简化为#nav
- 尽量少的去使用后代选择器，降低选择器的权重值 后代选择器的开销是最高的，尽量将选择器的深度降到最低，最高不要超过三层，更多的使用类来关联每一个标签元素
- 考虑继承 了解哪些属性是可以通过继承而来的，然后避免对这些属性重复指定规则
转载于:https://www.cnblogs.com/ice_nemo/archive/2012/10/22/2733926.html
扫一扫
1314
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
