IDE：从 CSS 选择器中查找 SCSS 行

Question

假设我有以下

example.scss

文件：

body{
    #test{
        p{
            color: red;
        }
    }
}
     

有没有办法在 PHPStorm 这样的 IDE 中搜索 CSS 选择器

body #test p

并在结果中获得与该选择器对应的文件和行？

就我而言：

example.scss - line 3

Answer 1

例如，在 Intellij 上，您可以按住 ctrl 并单击位于 html 标签上的类/id，在您的情况下可能是

<button id="test">myButton</button>

只需按住 ctrl 并单击 id，如果它在 css/scss 文件中被引用，intelliJ 会自动检测您的位置。

希望这是回答你的问题