SCSSが干渉している

Question

現在、CSSを修正しているのですが、
デベロッパーツールにて同名のSCSSが重複・干渉しており、思うように作業が進みません。

重複しているSCSSを削除したいのですが、ディレクトリをたどってもそのようなSCSSは存在せず、
困っています。

またソースを確認したのですが、中身が空っぽなのに干渉してしまっている状況です。

説明が下手くそで申し訳ありませんが、
ご教示いただければと思います。

Answer 1

SCSSのソースマップ（hogehoge.css.map）があるからデベロッパーツールでその箇所を表示しているだけだと思います。
該当ファイルを削除する、あるいはcssファイル下部に恐らく記述されている下記部分を削除して下さい。
/*# sourceMappingURL=hogehoge.css.map */

実際にはSCSSを基に書き出されたCSSを読んでいるだけなので、干渉はしていないはずです。
CSSを修正する際には、基のSCSSファイルがあるのであればそちらを修正してCSSを吐き出すようにして下さい。
(見当たらないのでしたっけ)
でないと、何度CSSを修正してもSCSSから吐き出されるCSSで上書きされるからです。

SCSSを基に構成されているサイトを修正するのであれば、本来はSCSSを修正すべきという事も理解されたほうが良いです。
誰かから引き継いだのであれば、SCSSファイルを貰ったほうが良いです。

Comments

[hayakawatakuma]

ご連絡が遅くなり申し訳ございません。
ご回答ありがとうございます。
解決しました！

Answer 2

SCSS->CSS変換時に出力されるmapファイルがネット上にアップされていないだけかと。
出力されたCSSの末尾にmapファイルのパスが記述されているはずなので、そのパスにアップすれば確認できるようになると思います。

Comments

[hayakawatakuma]

ありがとうございます！
解決しました！