Html 使用内容:“&“;;在SASS(非scss)中

Html 使用内容:“&“;;在SASS(非scss)中,html,css,compiler-errors,sass,Html,Css,Compiler Errors,Sass,对于有经验的SASS程序员来说,这一定是一个非常简单的问题,我开始使用它,而不是使用SCS, 我只想知道如何使用“空白”内容元素创建伪元素,以使它们工作(出现在DOM上) 我将在scss中编写: #element { &:before { content:''; } } 这就是我想在SASS中实现的,如果我这样编写它,它将无法编译: #element &:before content:'' 它似乎期望内容的价值,我使用

对于有经验的SASS程序员来说,这一定是一个非常简单的问题,我开始使用它,而不是使用SCS, 我只想知道如何使用“空白”内容元素创建伪元素,以使它们工作(出现在DOM上) 我将在scss中编写:

#element {
    &:before {
        content:'';
    }
} 
这就是我想在SASS中实现的,如果我这样编写它,它将无法编译:

#element
    &:before
        content:''
它似乎期望内容的价值,我使用它来制作装饰性的伪元素,如边框、线条或带有另一个背景的元素,很多东西如:

#element {
    &:before {
        content:'';
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        background-color: black;
    }
}
这只是一个例子,我知道css和SCS的语法,但对于sass它就不会编译

element
  &:before
    content: ""

在SassMester支持的所有Sass编译器(LibSass 3.3.6、Sass 4.0.0.alpha.1、Sass 3.4.21、Sass 3.3.14)中,我似乎都能正常工作。这里有一个工作要点:(在选项菜单下更改编译器;注意libsass注释是由sassmiter添加的,我似乎无法删除它)


在SassMester支持的所有Sass编译器(LibSass 3.3.6、Sass 4.0.0.alpha.1、Sass 3.4.21、Sass 3.3.14)中,我似乎都能正常工作。这里有一个工作要点:(在选项菜单下更改编译器;注意libsass注释是由sassmiter添加的,我似乎无法删除它)

在您的示例中,
内容:
和引号之间没有空格。我得到了一个没有空格的错误(SASS需要一个伪类或伪元素),但在空格中可以正常工作:

#element
  &:before 
    content: ''

在您的示例中,
内容:
和引号之间没有空格。我得到了一个没有空格的错误(SASS需要一个伪类或伪元素),但在空格中可以正常工作:

#element
  &:before 
    content: ''

你是改变了Sass的格式,还是没有换行符?当你说“它无法编译”时,到底是什么问题?你是改变了Sass的格式,还是没有换行符?当你说“它无法编译”时,到底是什么问题?你好,我正在用gulp Sass编译它,这就是问题所在吗?好的,我测试了
gulp sass
,它对我有效。你没有说你是在一行(你的例子)还是多行上写的,但是如果是多行并且文件有
.sass
扩展名,听起来问题一定在其他地方。Hello,我正在使用gulp sass编译它,这会是问题吗?好的,我测试了
gulp sass
,它对我有效。你没有说是在一行(你的例子)还是多行上写的,但是如果是多行并且文件有
.sass
扩展名,听起来问题一定是在其他地方,我可以重复这个。假设OP使用换行符,这是正确的答案尼斯,我可以复制这个。假设OP使用换行符,这是正确的答案
element4:before
  content: ''
#element
  &:before 
    content: ''