驯服CSS选择器

2020-05-11 07:59:46易采站长站整理

PPT:Taming CSS Selectors
作者:Nicole Sullivan
翻译:ytzong

CSS 文件的大小和所引起的 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 下一页 阅读全文