@-moz-document url-prefix() 无法识别

Posted 2023-02-22

【中文标题】@-moz-document url-prefix() 无法识别

【英文标题】：@-moz-document url-prefix() is not recognized

【发布时间】：2014-10-09 13:36:43

【问题描述】：

我使用 Adob​​e Brackets 作为我的编辑器，当无法识别某些内容时，它会显示为红色。当我使用 @-moz-document url-prefix() 尝试为 Firefox 设置样式时，它会显示为红色，如下图所示，Firefox 浏览器中没有任何变化。无论我放入哪个 DIV，它总是只有红色。

有人知道为什么吗？

【问题讨论】：

请在文本中发布代码，而不是在图像中

对我来说，代码不是问题，我想知道是否有人遇到过这个问题。我插入其中的 div 并不重要，它只是变成红色，这意味着它无法识别。我一直在到处寻找这个，但一直找不到问题。我正确地放置了括号，但没有喂食。

按预期工作：jsfiddle.net/u69emoL4/1Chrome 上的蓝色，Firefox 上的紫色。

【参考方案1】：

看那里，一个简单的工作示例：http://jsfiddle.net/u69emoL4/1/

所以我猜你的问题如下：你在全局规则之前声明了 Firefox 特定的规则。

例子：

#test 
    color: blue;

@-moz-document url-prefix()


  #test  color: purple;  

在 Firefox 上会显示为紫色，但是：

@-moz-document url-prefix()


  #test  color: purple;  

#test 
   color: blue;

将返回蓝色。因为这两条规则具有相同的特异性，所以最后一条将“获胜”。