在西蒙·科里森的 新 老自适应网页设计,在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浏览器的方法 吗?
任何以CSS开头的规则@-moz-都是Gecko引擎特定的规则,而不是标准规则。也就是说,它是Mozilla特定的扩展。
@-moz-
该url-prefix规则将包含的样式规则应用于URL以其开头的任何页面。不带URL参数使用时,@-moz-document url- prefix()它适用于 所有 页面。实际上,这是仅用于Gecko(Mozilla Firefox)的CSS hack。所有其他浏览器将忽略样式。
url-prefix
@-moz-document url- prefix()