css - 手写笔不适用于有效的 css

Question

我使用手写笔的编译原因之一是它可以与手写笔文件中的常规 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 一起使用还是这是一个错误（我使用的是 npm 的最新版本）？

score 4 · Accepted Answer

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

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

score 2 · Accepted Answer

2

于 2012-10-19T21:10:10.973 回答

score 0 · Accepted Answer

.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;
}

包在我身上。资源

score 0 · Accepted Answer

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

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

4 回答 4