《
翻译google高效css 写法》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234OH013.htm
2.使用标签选择器作为key
#footer h3 {...}
（3）移除一些无用的限定
优化这些规则也有利于进步页面的机能。优化页面性能最主要的一点在于使用明白的，避免不需要冗余的，使引擎体系疾速的匹配到元素而不需要破费太多的时间。
1.使用全局取舍器作为key ,群发外链和短期内增加大量外链其实不会被K;
下面的这些限定是过剩的
key，越多的时间消费在匹配元素上面。只管如斯，即便是不高效的，他们比后代选择器的使用的后果要好一点。
根据这个规则，越少的规则使用，css引擎将评估的越好。因而，移除没有用的css是改良页面性能的重要一步。之后，对于页面包含良多的元素的css规则，
.foo:hover {...}
在非标准模式下面。ie7，ie8将疏忽这些规则。在标准模式下面，可能会导致一些性能的退化
（4）防止使用昆裔选择器，特殊是包括了一些无用的先人元素
子选择器跟相邻挑选器是低效的是由于对于每一个元素的匹配，阅读器不得不评估其他的一些元素，它须要双倍的时光消耗在匹配上。同时，越少的精确的
下面的这些规则被认为是低效的
id选择器是独一的，包含了tag或者class的限定仅仅是增添了一些无用的信息（浏览器去评估）
如果你必定要用后代选择器，提议你使用子选择器
使用高效的css样式
在mozilla的实现中（可能其余的也是这样），对每一个元素，css引擎通过规矩去寻找匹配，css引擎评估每一个规则是从右到左的，从最右的selector开端，
eg:h3:hover {...}
#footer > h3 {...}
eg：ul li a {...}
倾向使用class ，id，少使用tag
也称之为key selector，直到找到匹配为止。
（3）过渡的限定选择器
不要使用下面的款式
eg：body ul li a{,美观整洁的网页设计4原则...} 制订了一个无用的body限定，因为所有的元素都是在body中。
推举的方法
当浏览器解析html的时候，它结构了一个文档树来展现所有被显示的元素。 它在特定的样式表中去匹配元素，依据尺度的css的层叠，继承温柔序规则，
eg: ul > li > a {...}
假如你使用：hover在一些无衔接的元素上面，ie7,网页页面加载对用户访问的影响,8会以为他们是无用的。倡议使用事件onmouseover 来模仿
--> [
网站建设之]翻译google高效css 写法
eg：ul#top_blue_nav {...}
form#UserLogin {...}
2.使用了标签选择器作为key
（4）使用：hover在一些没有：hover的元素上面
（2）将规则写的越准确越好
文章地址：
2.class被tag选择器进行限定（如果一个class只被用于一个tag，这也是很好的实际）
本文是翻译google的高效css写法一文的中文译文，盼望能给大家带来更多css的懂得。
（2）使用子选择器和相邻选择器
eg:body > * {...}
.hide-scrollbars > * {...}
Tag：google 高效CSS google 高效CSS ,
网页隐藏滚动条;
1.使用全局选择器作为key
1.id选择器被class 或者tag选择器限定
（6）避免使用:hover在一些不连接的元素上面（对于ie序列的）
eg：如果你需要两个不同的样式（一个无序列表，一个有序列表）
容许一个元素去继续它的祖先，或者使用一个class去利用庞杂的元素。
ul li {color:blue} ol li {color:red}
eg:body * {...}
.hide-scrollbars * {...}
应当这样的使用 .unordered-list-item {color: blue;}
,网页重构都在做什么;.ordered-list-item {color: red;}
总体
避免一些低效的key selectors去匹配大批的元素可能加速页面的展示 。
（1）应用了后辈抉择器
细节
（1）避免使用全局样式
（5）使用class选择器代替后世选择器
(责任编辑：网站建设)
翻译google高效css 写法相关文章