@ -moz-document url-prefix（）无法识别

Question

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

有谁知道为什么？

Answer 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;
}

将返回蓝色。因为这两个规则具有相同的特异性，最后一个将“赢”。