在昨天Eric Bidelman在Google I / O演讲中谈到了主题之后@supports，我认为我将开始在Chrome
Canary中使用它。但是，它提出了一个显而易见的问题：

检查浏览器是否@supports仅支持CSS 的最佳方法是什么？

我目前正在通过简单地检查是否display: block受支持来玩。显然，此方法有效，但是我不确定这是否是最实用的方法：

body { background:#fff; font-family:Arial; }
body:after { content:'Ek! Your browser does not support @supports'; }

@supports (display:block) {
    body { background:#5ae; }
    body:after { color:#fff; content:'Your browser supports @supports, yay!'; }
}

这些尝试 无效 （至少在Chrome Canary中）：

@supports (@supports) { ... }
@supports () { ... }
@supports { ... }