JSFiddle - React, Tailwind, and code Playground

HTML

<div class="d-grid">
  如果你的浏览器支持Grid布局，那么将会是红色
</div>

CSS

@supports (display: grid) {
  .d-grid {
    color: red;
  }
}
@supports (border-radius: 4px) and (--btn-color: red) {
  .d-grid {
    font-style: italic;
  }
}

JavaScript

if(CSS.supports('display', 'grid')){
            alert('it support!')
        }