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

标签 css

有些困惑。

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

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

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

最佳答案

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

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

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

关于css - 如果不支持@supports,@supports 'not' 关键字是否有效?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36769088/

相关文章:

html - CSS3 和 PIE 在 IE 8 中不工作

html - 如何在不同屏幕尺寸的表格中制作固定的td

javascript - Bootstrap - 为每个环境调整按钮和文本字段的动态高度

html - 整个导航的渐变,而不是 li

html - 类似于 Stack Overflow 的顶部导航菜单的 CSS

jQuery - 获取图像的宽度

javascript - 如何在中心水平对齐这些 div?

html - 如何防止按钮向下溢出?

html - 当按下一个按钮时,一个 div 字段是可见的

javascript - 使用 jquery 使一个函数在具有相同类的所有 div 中工作