在顶部显示整个Sass-nesting-path / levels？

Question

我正在编码一些颜色方案（在Sass中），其中一个超级双父级类控制所有孩子。而且我一直在这样的屏幕上找到自己：

...对自己思考：“现在，我现在处于哪种配色方案？”。

我目前正在通过将代码分成几个文件来修复它，这有点解决了问题，但是不是一种理想的方式。这意味着很多文件切换。而且如果我有.open-/ .closed级或.missing-/ .present级，那我就必须找到并“爬上树”以确保我在正确的位置进行更改。相当乏味！

我希望可以找到一个插件，该插件可以（无论何时何地都可以）在屏幕顶部的固定状态栏中显示嵌套级别（有点像我可以将光标放在括号中以查看matching one）。

我要查找的示例是，如果将光标放在ul.menu-main__current-menu-item__missing li a {内，它将在顶部显示状态栏：

#header >> &.green-colorscheme >> ul.menu-main__current-menu-item__missing li a

我能以某种方式实现这一目标吗？如果没有，-那么如何停止迷失代码？

尝试

• 已浏览书签。
• 研究了代码折叠。
• 我正在尝试Rainbow Brackets。

没有一个解决问题以及我的建议。

Answer 1

IDE已经可以对Sass / SCSS执行此操作（自2018.1以来，我不记得确切的版本号；很长时间以来就可以对HTML / PHP执行此操作）。

确保已在Settings (Preferences on macOS) | Editor | General | Breadcrumbs上为Sass语言启用了面包屑