如何在 WebStorm 中显示已解析的 SCSS 名称

How to show resolved SCSS names in WebStorm

我是 WebStorm 的新手,来自 VS Code。在 VS Code 中的 SCSS 文件中,如果我将鼠标悬停在以下代码的第二行上:

.example {
  table button.abc:hover {
    padding-top: 20px;
  }
}

弹出窗口如下:

<element class="example">
  ...
    <table>
      ...
        <button class="abc" :hover>

我发现在处理复杂的嵌套 CSS 规则时,这是一个非常有用的功能,因为我一眼就能看出它是如何解决的。 WebStorm(或它的任何插件)是否提供这样的功能?

没有这样的功能,请投票给WEB-35464,以便收到有关此请求的任何进展的通知