@supports 究竟可以测试(或不测试)什么?

What exactly can @supports test for (or not)?

出于@supports 的目的,什么才算是有效的“feature query”?我一直在试验,到目前为止它不支持(错误地 returns false)许多 2018 年支持的功能 Chrome/FF/Safari:

(div:nth-child(3))
(width:max-content)
(width:minmax(auto,50%))
// ... and so on ...

对我来说,这些看起来像是格式正确的“property:value pairs”。它的参数是什么?

您无法使用@supports 测试选择器。它需要一个语句,例如 max-width: 10emcolor: black。由于函数是语句的一部分,例如 width: calc(100% - 12px),这也可以接受。

有关详细信息,请参阅 https://developer.mozilla.org/en-US/docs/Web/CSS/%40supports