首页 / CSS / 关于CSS选择器的效率问题
关于CSS选择器的效率问题
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了关于CSS选择器的效率问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含522字，纯文字阅读大概需要1分钟。
内容图文
最近一段时间接触CSS比较多，所以从网上找了写资料，这里做下总结。
以下是CSS选择器的效率排名：
- id选择器（#myid）
- 类选择器（.myclassname）
- 标签选择器（div,h1,p）
- 相邻选择器（h1+p）
- 子选择器（ul < li）
- 后代选择器（li a）
- 通配符选择器（*）
- 属性选择器（a[rel="external"]）
- 伪类选择器（a:hover,li:nth-child）
id和类名用于关键选择器上效率是最高的，而CSS3的仿伪类和属性选择器，虽然使用方便，但其效率却是最低的。
以下是书写CSS的几点建议：
- 避免普遍规则
- 不要在ID选择器前加标签名或类名
- 不要在类名选择器前加标签名
- 尽可能使用具体的类别
- 避免使用后代选择器
- 标签分类规则中不应该包含一个子选择器
- 子选择器的问题
- 借助相关继承关系
- 使用范围内的样式表
CSS的选择器是会影响一个网站的性能的，虽然对于大部分网站来讲影响不大，但是对于大流量的网站来讲还是有不小的影响的，所以为了打造高质量的网站，CSS方面还是值得优化的。
原文：http://www.cnblogs.com/aotian/p/3532478.html
内容总结
以上是互联网集市为您收集整理的关于CSS选择器的效率问题全部内容，希望文章能够帮你解决关于CSS选择器的效率问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。