css - 我可以在 SASS [语法] 中打破跨多行的属性声明吗?

标签 css sass

我最近才开始使用 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/

相关文章:

jquery - Superfish 下拉菜单的 IE

html - CSS3 列布局将一个元素分成两部分

jQuery if css = value then

css - 用于主题的范围 SCSS 变量

html - 在线下方创建一个 hr 径向渐变

html - Bootstrap 日期选择器样式被 CSS 表格样式覆盖

css - 在css中的伪选择器之后添加类选择器

css - 用于 css3 关键帧动画的 SASS(不是 SCSS)语法

css - 布局不可滚动

css - 设置奇数和偶数兄弟元素的样式 - 不包括设置为显示 :none 的元素