css - LESS/SASS CSS 与缩小/优化相反？

Question

我想知道我能否说 LESS/SASS CSS“预处理器(我认为它们被称为？)”与缩小等优化相反？我想知道是否会有任何明显的性能影响？还是您认为易于开发更重要？

我问这个是因为 LESS CSS 生成的东西是这样的

body #div1 #div2 p
body #div1 #div2 p a:link, body #div1 #div2 p a:visited
...

而且我认为它确实会使我的 CSS 膨胀很多。如您所见，这种特殊性不是必需的，它使阅读 CSS 变得困难(至少我在 Firebug 中看到的是这样)。

Answer 1

在 Sass 中，您可以通过了解 nesting 如何控制“特异性膨胀”作品。如果你不想，你根本不必做任何嵌套——这是你可以控制的。

使用新的 @extend directive ，您实际上可以通过应用 OOCSS 的原则减少 CSS 中的冗余从而可以提高性能。这里有一篇好文章给get you started with @extend .还有一些 OOCSS 资源:

• http://www.stubbornella.org/content/category/general/geek/css/oocss-css-geek-general/
• http://wiki.github.com/stubbornella/oocss/faq
• http://oocss.org/

Sass 中@extend 的巨大优势在于，它无需手动操作即可应用 OOCSS，并且非常轻松和简单。

最后，正如 Andrea 所指出的，Sass 有多种用于缩小 CSS 的选项(请参阅 :compressed style)，因此总体而言，您实际上拥有了一个非常强大的工具包，不仅可以提高开发人员的性能，还可以提高 CSS 的性能。有关此操作的示例，请参阅 Compass 的作者 Chris Eppstein 如何进行操作和 Sass 的核心贡献者，refactors the Digg stylesheet从 125 行代码减少到 85 行代码(减少 32%)。