今天小编跟大家讲解下有关驯服CSS选择器 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关驯服CSS选择器 的相关资料,希望小伙伴们看了有所帮助。
PPT:Taming CSS Selectors 作者:Nicole Sullivan 翻译:ytzongCSS 文件的大小和所引起的 HTTP 的请求数
是 CSS 性能的最关键因素
回流(reflow)和渲染时间
(非常!)没那么重要
副本(duplication)比陈旧的规则(stale rules)更糟糕
因为我们有工具处理后者
定义缺省值
不要在每处都重复编码
不好的:
#weatherModule h3{color:red;}#tabs h3{color:blue;}
推荐:
h1, .h1{...}h2, .h2{...}h3, .h3{...}h4, .h4{...}h5, .h5{...}h6, .h6{...}
用单独的 class 来定义结构
不要在每处都重复编码
使用 class
而不是元素选择器
不好的:
div.error{...}
推荐:
.error{绝大多数代码写在这里}div.error{单独定义}p.error{单独定义}em.error{单独定义}上一页12 下一页 阅读全文
来源:爱蒂网