css - 触控笔中的多行属性用于框阴影

如何在手写笔中将以下行重写为多行形式？

div
  box-shadow 0 0 0 black, 1 0 0, black, 0 0 1, black

使用更大的框阴影属性列表会使我的编辑器爆炸。我想要这样，但是Stylus语法不允许它:

div
  box-shadow
    0 0 0 black,
    1 0 0 black,
    0 0 1 black

另外省略逗号是行不通的。真令人沮丧

最佳答案

我相信我已经看到了这样的编码设置:

div
  box-shadow:
    0 0 0 black,
    1 0 0 black,
    0 0 1 black

或者，如果上述一项不起作用，请尝试此操作

div
  box-shadow: 0 0 0 black,
              1 0 0 black,
              0 0 1 black

我希望这可以帮助你。

也可以在媒体查询的上下文中使用。 (现实世界中启用视网膜的 Sprite 的示例)。注意第二个背景图像的(有点奇怪)缩进。

.sprite
  background-image url('/assets/static/sprite.png')
  background-repeat no-repeat
  background-size 960px 480px;

  @media only screen and (-webkit-min-device-pixel-ratio 1.3),
    only screen and (-o-min-device-pixel-ratio 13/10),
    only screen and (min--moz-device-pixel-ratio 1.3),
    only screen and (min-device-pixel-ratio 1.3),
    only screen and (min-resolution 120dpi)
    background-image url('/assets/static/sprite_x2.png')

关于css - 触控笔中的多行属性用于框阴影，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22122420/