【问题标题】:Looking for a Python CSS pre-processor with Stylus-like syntax?正在寻找具有类似 Stylus 语法的 Python CSS 预处理器?
【发布时间】:2012-08-14 19:22:09
【问题描述】:

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

div.foo
    color: red

    div.bar
        color: blue
        font-weight: bold

    div.baz
        color: green
        background-color: pink

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

我的问题是:手写笔有什么替代品吗?我真的想不出关于 Stylus 是什么的描述,所以我发现使用 Google 很难找到任何替代品。

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


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

【问题讨论】:

标签: python css node.js stylus


【解决方案1】:

Stylus 的兄弟姐妹是LESSSass。我更喜欢 Stylus,无论是因为功能还是速度,但它们几乎可以互换,AFAIK。

LESS 也是用 javascript 编写的,因此不会释放您对 node.js 的依赖。 Sass 是用 Ruby 编写的。

【讨论】:

  • 您应该补充说不存在好的 Python CSS 预处理器。
【解决方案2】:

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

【讨论】:

    【解决方案3】:

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

    pip install CSSOnDiet
    

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

    【讨论】:

      【解决方案4】:

      我实在想不出什么是 Stylus 的描述

      您要查找的术语是 CSS 预处理器

      检查这些:

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

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

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

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多