ブラウザの単一のCSSファイルにコンパイルされるソースSCSSファイル内のクラス名を確認してください。

私はindex.htmlでapp.cssを使用するアプリケーションを持っています。このapp.cssは、複数のSCSSファイルからの出力CSSファイルです。その要素のCSSを見つけるために要素を調べているうちに、どのスタイルからそのSCSSファイルを知ることができますか？ブラウザの単一のCSSファイルにコンパイルされるソースSCSSファイル内のクラス名を確認してください。

をあなたがすることはできません、 SCSSファイルがオンザフライでサーバー側でコンパイルされている場合を除きます。 –

正確な複製でない場合は閉じる - http://stackoverflow.com/questions/14782319/finding-the-source-of-a-css-file-compiled-from-sass?rq=1 –

SASS Source Mappingを使用できます。これにより、正確な.scssファイルがブラウザのインスペクタに表示されます。

サスのコマンドラインツールにフラグを追加する：

$ SASS SASS/screen.scss：スタイルシート/ screen.css

--sourcemapあなたが実行した後、あなたの出力フォルダを見るとこのコマンドを実行すると、生成されたCSSファイルの最後にコメントが追加されています。

/*# sourceMappingURL=screen.css.map */

希望します。

2016-12-15 15:27:05

コードを表示していないので、私はコンパスをコンパスを使用していると仮定します。この場合、あなたのためにあなたのファイルをソースマップにルビーを使用することができます。

これには、同様に行うことができます。

# Enable CSS source maps for development 
sourcemap = true

これはあなたのrubyfileに追加することができます。

あなたが使用することができ一口やイサキを使用している場合：

をしたり、SASS使用している場合：

2016-12-15 15:28:05

答えて