使用 JavaScript 检测 CSS @scope 支持

Question

有没有办法通过 JavaScript 检测

@scope

支持？

我尝试过：

CSS.supports('@scope')

或

CSS.supports(':scope')

，但这两个在支持它的浏览器中都返回 false。

我尝试了

CSS.supports('selector(:scope)')

但返回了

true

在不支持

@scope

的浏览器中（例如 Firefox），我检查了一下，它对于

selector(:invalid)

返回 false。

我目前正在考虑向

@scope { :scope { --supports-scope: true; } }

添加带有

body

的样式并使用它，但希望有一种更简单的方法。

Answer 1

typeof CSSScopeRule != 'undefined'

来自评论