完全合格的CSS样式是否有效？

Question

在创建CSS样式时,一种方法似乎是完全合格的样式,例如

#pnlImage div.ipd-imageInfo div.ipd-tags span.ipd-tag

与较短的定义相比,如

div.ipd-tags span.ipd-tag

这也将唯一地识别风格.但是,如果站点已展开或更改,则第二种样式存在不能唯一标识元素的风险.

完全限定风格是否会影响性能,即它更长？风格命名是否有一些指导/最佳实践参考？

谢谢

Answer 1

谷歌(不是搜索,实际上是他们)似乎认为它确实会导致性能下降.

此外,Mozilla基金会还有一篇文章" 编写用于Mozilla UI的高效CSS ",其中概述了CSS选择器在其浏览器中可能存在的性能缺陷,以及如何针对其渲染引擎优化样式规则.他们的文章中有很多关于什么是好的和什么是坏的例子.请记住,这只与他们的浏览器相关.

还有一些公开可用的基准测试,关于CSS选择器对渲染速度的影响:

• http://www.stevesouders.com/blog/2009/03/10/performance-impact-of-css-selectors/
• http://blog.archive.jpsykes.com/153/more-css-performance-testing-pt-3/

然而,我认为这在很大程度上是马粪.通过使用其他一些简单的优化,您可以对页面的加载/渲染速度进行更大的FAR更改.我相信你的理智,以及组织良好的代码库应该是第一位的.如果这和某些事情一样重要,我们都会回来使用HTML <4属性(bgcolor =,border =等)来设置我们的网页样式.

Answer 2

1. 仰望#id很快.
2. 抬头看起来tag有点慢.
3. 查找a .class是最慢的.

使用更快的查找启动选择器将减少下一部分所需的查找次数.也就是说,如果我写了p.myClass,那么浏览器可以非常快速地找到所有p标签,然后它只需要遍历那些以检查类名.

也就是说,它会将CSS文件的可维护性评定为高于其渲染速度.Blah blah blah过早优化等等等等.