调用手写笔用户功能时在 css 中强制换行

Question

目前我正在使用这个函数来传递不同的浏览器引擎修改（我知道它已经过时了，但它被用作示例）

vendor(prop, args)
    -webkit-{prop} args
    -moz-{prop} args
   {prop} args


vendor('border-radius', '1px 1px 1px 1px')

所以输出将是：

-webkit-border-radius: 1px 1px 1px 1px;
-moz-border-radius: 1px 1px 1px 1px;
border-radius: 1px 1px 1px 1px;

只是为了使其可读，我想在此之后的 css 中换行。所以不是得到这个：

color:white;
-webkit-border-radius: 1px 1px 1px 1px;
-moz-border-radius: 1px 1px 1px 1px;
border-radius: 1px 1px 1px 1px;
font-size:2px

你会得到这个

color:white;

-webkit-border-radius: 1px 1px 1px 1px;
-moz-border-radius: 1px 1px 1px 1px;
border-radius: 1px 1px 1px 1px;

font-size:2px

我试过 '\n' 但这似乎真的很奇怪。

Answer 1

您无法控制 Stylus 中空行的输出（显然，--compress 标志除外），而且通常在所有其他预处理器中也是如此。后处理器（例如 PostCSS or Rework) and tools like CSSComb 更适合您的任务。

Forcing a newline in the css when calling a stylus user function