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

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



有人知道为什么吗？

最佳答案

看到一个简单的工作示例：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;
}

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

关于css - 无法识别@ -moz-document url-prefix()，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26279887/