今天图老师小编给大家精心推荐个CSS教程:驯服CSS选择器教程，一起来看看过程究竟如何进行吧！喜欢还请点个赞哦~
【 tulaoshi.com - Web开发 】
PPT：Taming CSS Selectors 作者：Nicole Sullivan 翻译：ytzong
CSS 文件的大小和所引起的 HTTP 的请求数
是 CSS 性能的最关键因素
回流(reflow)和渲染时间
(非常！)没那么重要
副本(duplication)比陈旧的规则(stale rules)更糟糕
因为我们有工具处理后者
定义缺省值
不要在每处都重复编码
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）不好的：
#weatherModule h3{color:red;}
#tabs h3{color:blue;}
推荐：
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）h1, .h1{...}
h2, .h2{...}
h3, .h3{...}
h4, .h4{...}
h5, .h5{...}
h6, .h6{...}
用单独的 class 来定义结构
不要在每处都重复编码
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）
使用 class
而不是元素选择器
不好的：
div.error{...}
推荐：
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）.error{绝大多数代码写在这里}
div.error{单独定义}
p.error{单独定义}
em.error{单独定义}
来源:https://www.tulaoshi.com/n/20160220/1631405.html
看过《CSS教程:驯服CSS选择器》的人还看了以下文章 更多>>
