4

Stylus是一种编译成普通 CSS 的语言。由于许多原因，该语言可以节省大量时间和空间。例如，我可以将选择器放在一起：

div.foo
    color: red

    div.bar
        color: blue
        font-weight: bold

    div.baz
        color: green
        background-color: pink

我还可以做一些事情，比如让特定于供应商的属性在没有前缀的情况下工作，这样可以节省大量空间。

我的问题是：Stylus 有什么替代品吗？我真的想不出关于 Stylus 是什么的描述，所以我发现使用 Google 很难找到任何替代品。

注意：我所说的替代方案是指编译成 CSS 并提供节省时间的好东西的语言。

我正在寻找替代品的原因是我在所有项目中都使用 Stylus，我想看看是否有更好的解决方案。我对 Stylus 不是 100% 满意的原因是它的 TextMate 包很糟糕，而且 Stylus 需要 Node.js 来编译，这也是我想避免的一步。我主要使用 Python。

4

4 回答 4

4

Stylus 的兄弟姐妹是LESS和Sass。由于功能和速度，我更喜欢 Stylus，但它们几乎可以互换，AFAIK。

LESS 也是用 javascript 编写的，因此不会将您从 node.js 依赖项中释放出来。Sass 是用 Ruby 编写的。

于 2012-08-14T19:24:29.613 回答
2

Python中有一个Stylus实现。它被称为 Stilus，即将完成。你在这里找到它：https ://github.com/jw/stilus

于 2019-10-03T14:52:35.517 回答
1

CSS-On-Diet是用 Python 编写的。您可以通过以下方式轻松安装它

pip install CSSOnDiet

节省了大量的时间和空间，但语法不同

于 2014-07-17T18:03:28.460 回答
0

我真的想不出什么是 Stylus 的描述

您正在寻找的术语是CSS preprocessor。

检查这些：

  • Less : 不像 Stylus 是一个 css 超集。换句话说，每个有效的 CSS 文档也是有效的 Less 文档。这种方式更容易从现有的 CSS 迁移。

  • Sass：与 Less 非常相似。它有一个变体 (SCSS)，它的符号也是 SCC 超集。有些人更喜欢 Sass 而不是 Less，因为他的控制结构语法（选择、迭代）对大多数程序员来说更自然，因为它与大多数命令式编程语言（C++、Java 等）中使用的语法非常相似，而 Less 使用递归方法，更类似于函数式编程语言。

  • 荒谬的 JS：样式是通过编写纯 JavaScript 代码来描述的，因为他对对象文字的表示法与 CSS 表示法非常相似。这种有趣的方法允许您以您可以想象的任何形式操作和预处理样式，因为您不再受上述两种控制结构的限制，但您可以使用编程提供的整个功能工具集语言。如果您是程序员，或者如果您作为设计师有兴趣学习如何编码，或者如果您想以一种您无法实现的非平凡或疯狂的方式描述和重用您的样式定义，我强烈建议您使用此选项只是一个预处理器。

在阅读这个问题之前，我不知道 Stylus。这似乎很不错。我喜欢他使用换行符和列表来定义代码结构的类似 Python 的方法。我会试一试。如果你已经使用了这个预处理器并且你没有发现任何重要的缺点，我会坚持使用它。

于 2015-08-15T21:33:49.967 回答