html - 使用内容 : ""; in SASS (not scss)

Question

对于经验丰富的 SASS 编码人员来说，这一定是一个非常简单的问题，我开始使用它而不是使用 SCSS， 我想知道的是如何使用“空白”内容元素制作伪元素，以使它们工作(出现在 DOM 上) 我会用 scss 来写:

#element {
    &:before {
        content:'';
    }
} 

这就是我想在 SASS 中完成的，如果我这样写它不会编译:

#element
    &:before
        content:''

它似乎期待内容的值(value)，我用它来制作装饰性伪元素，如边框、线条或带有另一个 bg 的元素，很多东西如:

#element {
    &:before {
        content:'';
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        background-color: black;
    }
}

这只是一个示例，我知道 css 和 scss 的语法，但对于 sass 来说它无法编译。

Answer 1

在您的示例中，content: 和引号之间没有空格。我在没有空格的情况下出现错误(SASS 期望伪类或伪元素)但在有空格的情况下工作正常:

#element
  &:before 
    content: ''