编译时手写笔缺少样式答案

【问题标题】：Stylus missing styles when compiled编译时手写笔缺少样式
【发布时间】：2018-03-08 16:39:47
【问题描述】：

如果你看看下面的手写笔 sn-p，当添加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 移动到不同的行，则会错过其他样式。很奇怪。

【问题讨论】：

作为一种临时解决方法，由于我的项目时间限制，我将其转换为 CSS 文字，但这肯定不理想！

标签： css stylus

【解决方案1】：

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

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

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

【讨论】：

奇怪，在我的项目中我看不到任何空格，但我按照你的建议重新标记了所有内容，并且效果很好，谢谢！

【解决方案2】：

您的代码中有一些不可见的字符。 Codepen 甚至在右下角显示红色“信息”图标，以警告“意外缩进”。无论如何，这是有效的代码：

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);

【讨论】：