我可以在SASS [语法]中跨多行破坏属性声明吗？

Question

我刚刚开始使用SASS而不是CSS。我正在尝试使用多个径向渐变作为我的网页背景。我不知道如何将代码转换为SASS样式：

background: radial-gradient(ellipse at top right, rgb(175,140,175), transparent),
            radial-gradient(ellipse at bottom left, rgb(140,140,175), transparent),     
            radial-gradient(ellipse at top left, rgb(175,140,175), transparent),
            radial-gradient(ellipse at bottom right, rgb(140,140,175), transparent)

我之所以感到困惑是因为每行末尾的逗号似乎都在破坏我的代码，所以我不能有多个径向渐变。我知道这是一个非常基本的问题，但不幸的是我无法找到答案。这个的正确语法是什么？

Answer 1

使用Sass语法，您无法跨多行分解声明。这应该可行，一切都在一行：

div
  background: radial-gradient(ellipse at top right, rgb(175,140,175), transparent), radial-gradient(ellipse at bottom left, rgb(140,140,175), transparent), radial-gradient(ellipse at top left, rgb(175,140,175), transparent), radial-gradient(ellipse at bottom right, rgb(140,140,175), transparent)

您可以考虑使用SCSS语法，它允许多行，更像是常规CSS。