我最近才开始使用 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)
我感到困惑的原因是每行末尾的逗号似乎破坏了我的代码,所以我不能有多个径向渐变。我知道这是一个非常基本的问题,但不幸的是我没能找到答案。正确的语法是什么?
最佳答案
使用 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。
关于css - 我可以在 SASS [语法] 中打破跨多行的属性声明吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50586311/