小编典典

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

css

在西蒙·科里森的 老自适应网页设计,在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浏览器的方法 吗?


阅读 1348

收藏
2020-05-16

共1个答案

小编典典

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

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

2020-05-16