Gulp正在编译带有错误前缀的css？

当我将sass编译为css时，css文件是可以的，但是一些css元素有问题。“咕噜咕噜”之类的东西在添加一些非大脑前缀

（即使我用手向上写箭头，问题仍然存在）

（我在gulp=BroserSync中只有一个插件。我试图在没有插件的情况下编译它，但它仍然是一样的）

这里举一个例子：

Sass代码：

&:before
    position: absolute
    bottom: 100%
    left: 0
    content: ''
    height: 0
    width: 0
    +arrow-up(5px, $green-gray)

混合箭头向上：

=arrow-up($px, $color)
    border-bottom:  $px solid $color
    border-right:   $px solid transparent
    border-left:    $px solid transparent
    border-top:     $px solid transparent

编译css：

  .detail-comment-tools li span:before {
    position: absolute;
    bottom: 100%;
    left: 0;
    content: '';
    height: 0;
    width: 0;
    border-bottom: 5px solid #a1b0aa;
      border-bottom-border-right: 5px solid transparent;
      border-bottom-border-left: 5px solid transparent;
      border-bottom-border-top: 5px solid transparent; }

gulpfile.js

var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();

gulp.task('styles', function(){
    gulp.src('public/sass/main.sass')
        .pipe(sass())
        .pipe(gulp.dest('public/css'))
        .pipe(browserSync.reload({stream: true}));
});

gulp.task('serve', function() {

    browserSync.init({
        proxy: "localhost/creandosu/public"
    });

    gulp.watch('public/sass/*.sass', ['styles']);
});


gulp.task('default', ['styles', 'serve']);

---

由于缺少一些分号，您似乎遇到了一些意外行为

或许

=arrow-up($px, $color)
  border-bottom:  $px solid $color
  border-right:   $px solid transparent
  border-left:    $px solid transparent
  border-top:     $px solid transparent

应该是

=arrow-up($px, $color)
  border-bottom:  $px solid $color;
  border-right:   $px solid transparent;
  border-left:    $px solid transparent;
  border-top:     $px solid transparent;

---

由于缺少一些分号，您似乎遇到了一些意外行为

或许

=arrow-up($px, $color)
  border-bottom:  $px solid $color
  border-right:   $px solid transparent
  border-left:    $px solid transparent
  border-top:     $px solid transparent

应该是

=arrow-up($px, $color)
  border-bottom:  $px solid $color;
  border-right:   $px solid transparent;
  border-left:    $px solid transparent;
  border-top:     $px solid transparent;

---

不要发布代码的截图。不可能将它们复制/粘贴到我们的编辑器中并为我们自己编译。已编辑，感谢您提供的信息。无法复制：所以问题应该像我预期的那样存在于gulp中的某个地方？您可以自己运行Sass来测试它。另外，您还没有提供复制输出的实际代码。请不要发布代码的屏幕截图。不可能将它们复制/粘贴到我们的编辑器中并为我们自己编译。已编辑，感谢您提供的信息。无法复制：所以问题应该像我预期的那样存在于gulp中的某个地方？您可以自己运行Sass来测试它。此外，您实际上还没有提供复制输出的实际代码。