@supports是否在LESS编写的LESS / Edge特定CSS规则中可用

Question

Edge不支持本节上方的样式（不支持剪辑路径当前），因此要修复样式，我正在尝试编写Edge特定的CSS。

我使用LESS并且在尝试编译时遇到错误，因为它认为@supports是一个LESS函数。然而，LESS会认识到@media是CSS方法。

我的问题是，如何让以下代码与LESS一起使用，或者是否有更好的方法来编写Edge only CSS

@supports (-ms-ime-align:auto) {
    .section {
        padding-top: 0px !important;
    }
}

更新 问题似乎是Visual Studios LESS编译器无法识别@supports

Answer 1

希望您对这个项目做得很长，但是您可以强制LESS不要使用波浪号和单引号进行预处理：

 @supports ~'(-ms-ime-align:auto)' {
    .section {
        padding-top: 0px !important;
    }
}

这将使用当前的Visual Studio 2019-Web编译器按预期呈现给CSS