SASS,Stylus,LESS这三个css预处理器你选哪个?


传统的CSS写法太原始了。

sass css stylus less

df600a 11 years, 6 months ago

目前选择的是 LESS,有很多开源项目都使用他,可以阅读学习。

他没有 SASS 要求那么严谨,比如要 mixin(中文不知道怎么翻译)时,SASS 要求被 mixin 样式需要添加 @mixin 声明,调用时也要求用 @include 调用。

不过我很喜欢 SASS 的选择器继承 @extend,这点 LESS 还没有实现,比如:
在 SASS 里:

.menu { color: #000; }
.sub-menu { @extend .menu; }

输出:

.menu, .sub-menu { color: #000; }

但在 LESS 中,只能通过 mixin 实现:

.menu { color: #000; }
.sub-menu { .menu; }

这就导致输出很多冗余的样式:

.menu { color: #000; }
.sub-menu { color: #000; }

至于 Stylus,暂时还没用过,所以无法评价。

湿润的黄瓜 answered 11 years, 6 months ago

Your Answer