css - @-moz-document url-prefix() 有什么作用？

Question

在 Simon Collison 的 new old Responsive Web Design ，在CSS中，有几个这样的声明:

@-moz-document url-prefix() {
  .fl { float:left; margin:12px 4px 0 0; padding:0; font-size:65px;  line-height:62%;  color:#ba1820; }
  .fs { float:left; margin:12px 4px 10px 0; padding:0; font-size:65px; line-height:62%; color:#ba1820; }
}

这实际上是做什么的？我在 google 上搜索了 @-moz-document url-prefix() 并找到了它在 userchrome 中的使用引用，但没有找到标准网站样式表。

它通常有一个 URL 作为参数传入，然后将声明的内容限制为该 URL。但是，在 Colly 的站点上，没有传入任何参数。这表明声明正在当前 URL 或任何 URL 上运行，不是吗？那么我们在这里看到的是一种以特定规则针对仅支持 Mozilla 的浏览器的方法吗？

Answer 1

任何以 @-moz- 开头的 CSS at-rule 都是 Gecko 引擎特定的规则，而不是标准规则。也就是说，它是 Mozilla 特定的扩展。

url-prefix 规则将包含的样式规则应用于 URL 以它开头的任何页面。当没有像 @-moz-document url-prefix() 这样的 URL 参数时，它适用于 ALL 页面。这实际上是一个 CSS hack过去只针对 Gecko (Mozilla Firefox)。所有其他浏览器将忽略这些样式。

参见 here获取其他 Mozilla 特定扩展的列表。