所以我知道@support和CSS.supports可以用来判断某些功能是否可用，但我无论如何都不能让它工作来检测CSS@layer是否可用.我@support%确定我的浏览器支持它，但以下判断都返回false:
console.log(CSS.supports("@layer"))
console.log(CSS.supports("@layer a;"))
console.log(CSS.supports("@layer a { }"))
console.log(CSS.supports("layer"))
console.log(CSS.supports("layer: 1"))
console.log(CSS.supports("layer", 1))p {
color: rebeccapurple;
}
@layer type {
.box p {
font-weight: bold;
font-size: 1.3em;
color: green;
}
}<div class="box">
<p>Hello, world!</p>
</div>上面的文本对我来说显示为purple，所以我知道@layer可以工作，DevTools的css层按钮就会显示出来.然而，所有的测试都是false分.
这张支票的正确提示是什么？