検証ツールで選択した場所のコードの位置をsassで確認する方法
ワードプレスでホームページの作成をしています。
初心者です。
マルチポストです。
https://teratail.com/questions/r023qisgg7bu2v
https://ja.stackoverflow.com/questions/88411/%e6%a4%9c%e8%a8%bc%e3%83%84%e3%83%bc%e3%83%ab%e3%81%a7%e9%81%b8%e6%8a%9e%e3%81%97%e3%81%9f%e5%a0%b4%e6%89%80%e3%81%ae%e3%82%b3%e3%83%bc%e3%83%89%e3%81%ae%e4%bd%8d%e7%bd%ae%e3%82%92sass%e3%81%a7%e7%a2%ba%e8%aa%8d%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95
検証ツールで選択した部分が、style.css:2と記入されます。
これは、ワードプレスのプラグインの、
WP-SCSSを使用しています、そして、これでsassをcssに直すと、
2行目に一列にずっとコードが並んでいるようになるからなのですが。
これをstyle.css:2ではなく、sassのファイルで、位置が表示されるようにしたいと
考えています、
ネットにある方法を試しても、書いてあるボタンがないなどの理由で、
途中から上手く行かなくなります。
「 Chromeのデベロッパー ツールのテストを有効にする」 が表示されない
(英語で翻訳機能を使いながらやり、1つ有効にしてみました)
これは開発者ツールのSettings > General > Sourcesにある、「Enable CSS source maps」にチェックがあると表示されますが、チェックしても出来ませんでした。