Question

我正在尝试为Firefox设置一些自定义规则，直到现在我都使用过
@-moz-document url-prefix()
但是根据文档，@-moz-document在将来的版本中将不受支持。
相反，将支持@document。

所以我改变了：

@-moz-document url-prefix() {
   ...
}

对此

@-moz-document url-prefix(),
@document url-prefix() {
   ...
}

但是由于某些原因，规则不再适用

Answer 1

之所以不起作用，是因为链接的CSS选择器/指令被评估为一个。如果其中一部分没有通过评估，则整个样式都将被忽略

示例：

//  
[type="range"]::-moz-range-thumb, [type="range"]::-ms-thumb { ... }
                 makes IE skip             makes Firefox skip

// 
[type="range"]::-moz-range-thumb { ... }    makes IE skip (Firefox will work) 
[type="range"]::-ms-thumb { ... }           makes Mozilla skip (IE will work)

在您的情况下，当前的Firefox将理解@ -moz-document url-prefix（），但不能理解@document url-prefix（），从而导致其跳过样式。

因此，在处理特定于供应商的实现时，请始终将样式分开。

我希望这是有道理的：-）

Answer 2

来自the MDN page：

从61版开始：此功能位于 layout.css.moz-document.content.enabled首选项（需要设置为真正）。要在Firefox中更改首选项，请访问about：config。

多个@规则函数用逗号连接

2 个答案: