css – @moz-document url-prefix()是什么?

前端之家收集整理的这篇文章主要介绍了css – @moz-document url-prefix()是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在Simon Collison的 new 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; }
}

这是什么?我已经搜索@ -moz-document url-prefix(),并找到了在userchrome而不是标准网站样式表中使用的参考。

它通常具有作为参数传递的URL,然后将声明的内容限制到该URL。然而,在Colly的网站上,没有传入参数。这将表明声明操作在当前URL或任何URL,没有?那么,我们在这里看到的是如何使用某些规则来定位Mozilla浏览器?

解决方法

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

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

有关其他Mozilla特定扩展的列表,请参阅here

猜你在找的CSS相关文章