@supports 不会从 SASS 编译到 CSS

Question

*对不起我的英语

我使用Visual Studio代码。用SASS写代码。 Grunt 中记录的所有自动化（对于预处理器，我使用 grunt-contrib-sass）

这是我的代码：

.news {
  background-color: #f8f5f2;
  border-bottom: 1px solid #e5ddd5;

  @supports (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)) {
    -webkit-clip-path: polygon(0 0, 50% 34px, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 50% 34px, 100% 0, 100% 100%, 0 100%);
    margin-top: -35px;
  }
}

编译后css中没有@supports指令。我也尝试在 LESS 和其他代码编辑器中做到这一点

有什么问题？？

Answer 1

你的代码为我编译，所以它没有任何问题。我怀疑您使用的是旧版本的 Sass，在这种情况下 @supports 将无法正确编译。请参阅此 GitHub 问题，已于 2014 年修复：https://github.com/sass/libsass/pull/612

@supports 不会从 SASS 编译到 CSS

@supports doesn't compile from SASS to CSS

css

sass

gruntjs