LESS中是否有@supports / LESS中编写的特定于Edge的CSS规则

Question

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

我正在使用LESS，并且在尝试编译时出现错误，因为它认为@supports是LESS函数。但是，LESS将识别出@media是CSS方法。

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

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

UPDATE：该问题似乎是由于Visual Studios LESS编译器无法识别@supports

Answer 1

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

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

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