Есть ли способ обнаружить поддержку @scope через JavaScript?
Я пробовал: CSS.supports('@scope') или CSS.supports(':scope'), но оба они возвращают false в браузерах, которые это поддерживают.
Я попробовал CSS.supports('selector(:scope)'), но он возвращает true в браузерах, которые еще не поддерживают @scope (например, Firefox), я проверил, и он возвращает false для selector(:invalid).
Сейчас я подумываю добавить стиль с @scope { :scope { --supports-scope: true; } } к body и использовать его, но мне бы хотелось более простой способ.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


typeof CSSScopeRule != 'undefined' из комментариев
На основании этого ответа вы можете попробовать
console.info(typeof CSSScopeRule !== "undefined")