手写笔不适用于有效的CSS

Question

我与stylus进行编译的原因之一是可以使用手写笔文件中的常规css（因此我可以根据需要进行转换，而不必一次转换所有内容）但是这似乎不是是真的。以下.styl文件：

.page-wrap
{
    min-height: 300px;
    font-size: 1.4em;
    line-height: 1;
    min-width: 940px;
    max-width: 1170px;
    margin: 0 auto;
}

编译到这个.css文件：

.page-wrap,
{
  min-height: 300px;
  font-size: 1.4em;
  line-height: 1;
  min-width: 940px;
  max-width: 1170px;
  margin: 0 auto;
}

选择器末尾的额外逗号无效。

手写笔不应该使用普通的CSS或者这是一个bug（我使用的是npm的最新版本）？

Answer 1

这不是一个真正的错误。将开口花括号放在与选择器相同的行上，我认为它会消失。

我相信这样做是因为手写笔还支持编写没有逗号，分号等的代码。所以它理解一条没有开口大括号的行，表示你要在下一行添加另一个选择器，因此它为您插入逗号

Answer 2

前一段时间我filed an issue和the issue should be fixed as of 0.45.0。

Answer 3

手写笔不使用{}标签，您不需要使用{}。例如：

.page-wrap,
    min-height: 300px;
    font-size: 1.4em;
    line-height: 1;
    min-width: 940px;
    max-width: 1170px;
    margin: 0 auto;

Answer 4

.page-wrap
{
    min-height: 300px;
    font-size: 1.4em;
    line-height: 1;
    min-width: 940px;
    max-width: 1170px;
    margin: 0 auto;
}

制作

.page-wrap {
    min-height: 300px;
    font-size: 1.4em;
    line-height: 1;
    min-width: 940px;
    max-width: 1170px;
    margin: 0 auto;
}

对我说。 source