编译时 Stylus 缺少样式

Question

如果您看一下下面的手写笔片段，当添加 bottom 0 时，下面的高度不会编译成 CSS。删除 bottom 0 并且它工作正常，不幸的是我在这种情况下需要 bottom 0：

手写笔

&__text-mask
        span
            display block
            position absolute
            z-index 10
            left 0
            right 0
            height 18px
            bottom 0
            background rgba(255,0,0,.5)

结果CSS

.bioink-carousel__text-mask span {
    display: block;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    background: rgba(255,0,0,0.5);

我还在 Codepen 中重新创建了此行为。我在这里错过了什么吗？编译时我在控制台中没有错误。我还注意到，如果将 bottom 0 移动到不同的行，其他样式就会丢失。很奇怪。

Answer 1

你有几个空格而不是制表符，我想是在高度声明之前。或类似的东西。我拥有 re-tabbed 所有属性，现在可以正常工作了

/* just so SO allows me to link to codepen... */

https://codepen.io/anon/pen/jzNejb

Answer 2

您的代码中有一些不可见的字符。 Codepen 甚至在右下角显示了红色 "info" 图标以警告存在 "unexpected indent"。无论如何，这是有效的代码：

https://codepen.io/ivandoric/pen/dmbgBK

&__text-mask
    span
       display: block;
       position: absolute;
       z-index: 10;
       left: 0;
       right: 0;
       height: 18px;
       bottom: 0;
       background: rgba(255,0,0,.5);

编译时 Stylus 缺少样式

Stylus missing styles when compiled

css

stylus