WebStorm支持嵌套CSS

时间:2016-08-10 08:11:55

标签: webstorm jetbrains-ide

我正在使用PostCSS,PostCSS中的一个重要元素是CSS嵌套。 WebStorm不喜欢语法并突出显示错误。

这个问题有解决方法吗?

enter image description here

2 个答案:

答案 0 :(得分:10)

从WebStorm 2016.3开始,此问题已得到解决。正如WebStorm Blog中详述的那样,PostCSS的用户现在可以通过导航到Preferences > Plugins >并搜索" PostCSS支持"来安装官方的PostCSS插件。安装插件并重新启动WebStorm后,您必须使用PostCSS作为PostCSS识别任何现有的css文件,方法是转到Preferences > Languages & Frameworks > Stylesheets > Dialects并单击文件的CSS方言并将其更改为" PostCSS& #34;

答案 1 :(得分:6)

修改 以下Evan的答案现在更好,因为Webstorm已经发布了PostCSS的官方插件WebStorm support for nesting CSS

不幸的是,目前让它与PostCSS玩得很好的唯一方法就是:

css

如果您使用该扩展程序将其视为Webstorm中的Sass文件,请注册*.css*.pcss。根据您使用的PostCSS插件更改文件类型后,您还需要关闭Webstorm提供的一些语法检查。