@supports嵌套语法测试实例页面

展示

如果有背景色，则是匹配

//zxx: Edge12-Edge15匹配

代码

HTML：

<span class="supports-match">如果有背景色，则是匹配</span>

CSS：

.supports-match {
    padding: 5px;
    border: 1px solid;
}
@supports (display: flex) and (not (display: grid))  {
    .supports-match {
        background-color: #333;
        color: #fff;
    }
}