【问题标题】:Stylus not parsing block functions手写笔不解析块功能
【发布时间】:2016-03-06 22:11:45
【问题描述】:

我使用的是 Stylus 版本 0.44.0...

我已经简化了这个例子,但这是我的问题:

color-all-the-things()
  div
    {block}

body
  +color-all-the-things()
    background: red

正在编译为:

body +color-all-the-things(){background:#f00}

它本质上是将块 mixin 视为选择器。

预期的输出是:

body div {
  background: red
}

【问题讨论】:

  • 请添加一些关于您期望输出的信息。目前这不是一个问题:)
  • @d-Pixie 我更新了,让我知道是否澄清。

标签: stylus


【解决方案1】:

根据stylus项目(http://learnboost.github.io/stylus/docs/mixins.html#block-mixins)首页的例子,语法如下:

混入定义

foo()
  .bar
    {block}

混合使用

+foo()
  width: 10px

结果

=> .bar {
     width: 10px;
   }

所以在你的情况下,我想它会像你写的那样:

color-all-the-things()
  div
    {block}

...

body
  +color-all-the-things()
    background: red

因为这也会在在线编辑器 (http://learnboost.github.io/stylus/try.html) 中产生预期的输出,我们可以假设您做对了;)

我能想到的都检查你的工具链。确保您拥有最新的稳定版本,或者降级到一个。或者,如果您确实尝试升级到最新的开发版本。它特别指出此功能在文档中处于“粗略状态”,因此可以公平地假设它在最近的版本中可能存在一些问题。

如果问题仍然存在,请打开一个问题:https://github.com/LearnBoost/stylus/issues

【讨论】:

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