css - 如果不支持@supports，@supports 'not' 关键字是否有效？

Question

有些困惑。

我想更频繁地使用@supports 但是...我不关心浏览器如何看待它。希望您能说清楚，如果可以的话谢谢您。

如果浏览器本身不理解@supports，它如何计算@support 'not'关键字。它会忽略 not block 吗？我是否应该“不”打扰@supports“not”关键字并只提供覆盖代码..或者甚至在不支持 block 中和外部提供两种回退方法。

非常感谢，很抱歉这个问题很难读懂，但没有简单的表达方式。

Answer 1

如果浏览器不理解@supports，那么@supports 标记和下一个 {} 对之间的所有内容都被认为是外来的，它甚至根本不会尝试解释它(所以它不知道“不是” “在那里或者它应该是什么意思)。当它遇到@supports 标记时，它只是丢弃整个规则并继续前进。

这是一件好事，因为这样您就不必担心不理解@supports 的浏览器会尝试解释它并因此出现意外行为。您可以假设任何不理解 @supports 的浏览器将始终忽略它，并相应地编写。

如果您需要支持不理解此规则的浏览器，我会避免使用它。它只有在您所针对的所有浏览器都支持它时才真正有用，或者如果您使用它来保护只有无论如何都能理解它的浏览器才支持的功能。