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

【问题标题】：@-moz-document url-prefix() is not recognized@-moz-document url-prefix() 无法识别
【发布时间】：2014-10-09 13:36:43
【问题描述】：

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

有人知道为什么吗？

【问题讨论】：

请在文本中发布代码，而不是在图像中
对我来说，代码不是问题，我想知道是否有人遇到过这个问题。我插入其中的 div 并不重要，它只是变成红色，这意味着它无法识别。我一直在到处寻找这个，但一直找不到问题。我正确地放置了括号，但没有喂食。
按预期工作：jsfiddle.net/u69emoL4/1Chrome 上的蓝色，Firefox 上的紫色。

标签： css firefox mozilla prefix

【解决方案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;
}

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

【讨论】：