css - 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 開発者ツールでデフォルト設定を復元したため、この問題は解決しました。何が原因なのか実際にはわからないので、質問を開いたままにします。

また、引用符を削除したのは要素インスペクタだけのようで、引用符は実際のソース コードにまだ存在していました。