语法错误的手写笔中断类似于less

Question

我正在测试手写笔，令我惊讶的是编译器几乎可以转换我输入的所有内容：

mivar = blackredgrenn

body
    margin 0f 
    background-color #323242342332423123     

        werewers
            color red  
            &:first-child
                color mivar

            whatever assa hj

进入

body{margin:0 f;}
body background-color #323242342332423123 werewers{color:#f00;whatever:assa hj}
body background-color #323242342332423123 werewers:first-child{color:blackredgrenn}

这是它应该工作的方式吗？是否有任何选项可以使编译器停止并显示更少的错误？我正在用 grunt 编译，之后运行 csslint 以发现错误的常见做法是什么？我们有什么选择？

Answer 1

不，没有显示错误的选项，因为此代码不是 Stylus 看到的错误。

Stylus 的语法现在非常灵活，它是基于缩进的，这样你就不能在其他具有增加缩进的属性之后编写一些属性，因为 Stylus 会将缩进较小的第一部分解释为选择器（这就是您的示例中发生的情况），并且由于 CSS 总是可以获取新属性，因此没有“已知”属性列表，因此 whatever 也按原样打印。

如果您不确定自己是否编写了正确的缩进代码，那么最好的选择是使用 linter 检查 CSS 有效性，或者使用花括号和分号以 CSS 语法编写所有内容。