简体   繁体   English

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

[英]How to show resolved SCSS names in WebStorm

I'm new to WebStorm, having come from VS Code. 我是WebStorm的新手,来自VS Code。 In my SCSS files in VS Code, if I hover the mouse over the second line in the following code: 在VS Code中的SCSS文件中,如果将鼠标悬停在以下代码的第二行中:

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

A popup appears as so: 出现一个弹出窗口,如下所示:

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

I've found this to be an extremely helpful feature when working with complicated nested CSS rules, as I can see at a glance how it's being resolved. 我发现在处理复杂的嵌套CSS规则时,这是一个非常有用的功能,我一眼就能看到它是如何解决的。 Does WebStorm (or any plugin for it) provide a feature like this? WebStorm(或其任何插件)是否提供类似功能?

没有此类功能,请投票给WEB-35464 ,以告知该请求的任何进展

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM