我的sourcemap文件未检测到CSS3子字符串匹配选择器

Question

[已修复] - 请参阅帖子底部

我不确定他们是否只是不受支持，或者是否有什么我做错了。我注意到它删除了属性周围的引号，我不知道它是如何或为什么这样做，但也许这可能导致问题？

在这个例子中，我使用子串匹配选择器方法，但它不起作用。它指向生成的样式表：

在这个例子中，我不再使用子串匹配选择器方法，它可以工作：

我正在使用gulp进行工作流程，这是处理我的SASS的任务：

gulp.task('sass', function() {
return gulp.src("./src/styles/**/*.scss")
    .pipe(sourcemaps.init())
    .pipe(sass({
        includePaths: ['./src/styles/**/*.scss'].concat(neat)
    }))
    .pipe(autoprefixer({
        browsers: ['last 2 versions'],
        cascade: false
    }))
    .pipe(cssnano())
    .pipe(rename({
        suffix: '.min'
    }))
    .pipe(sourcemaps.write('maps'))
    .pipe(gulp.dest('./dist/assets/css'))
    .pipe(reload({
        stream: true
    }))
    .pipe(notify({
        message: 'SASS task complete',
        onLast: true
    }));
});

修改：自从我恢复Chrome开发者工具中的默认设置后，此问题已自行解决。但是要打开这个问题，因为我实际上并不知道是什么导致了它。

此外，似乎只有元素检查器删除了引号，引号仍然存在于实际的源代码中。