为什么Firebug在检查元素CSS时会添加-moz-*样式？

Question

每当我检查Firebug中的页面元素时,我总是看到它添加样式,如...

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

......等样式框.为什么这样做？

Answer 1

Firebug不是添加这些规则而是添加Gecko渲染引擎.它们是"默认样式表"的一部分.(特定代理在解析页面上的样式之前应用的默认样式.它们的特异性为0,0,0,0,这实质上意味着同一规则的任何进一步声明都会覆盖默认值.)

由于您在Firebug设置中选中了"显示用户代理CSS",因此Firebug会显示这些规则.

来自Mozilla开发人员参考:

-moz-背景夹

在像Firefox这样的基于Gecko的应用程序中,-moz-background-clipCSS属性指定元素的背景(颜色或图像)是否在其边框下方延伸

border :( initial)背景延伸到边框的外边缘(但在z-ordering中的边框下方).

填充:边框下方没有绘制背景(背景延伸到填充的外边缘).

-moz-背景直列政策

在像Firefox这样的基于Gecko的应用程序中,-moz-background-inline-policyCSS属性指定当内联元素的内容包装到多行时如何确定内联元素的背景图像.位置的选择对重复有显着影响.

边界框:背景图像位于(并重复)最小矩形中,该矩形包含元素的所有内联框.然后根据-moz-background-clip属性将其剪裁为仅在这些框内可见.

连续 :(初始)背景图像被定位(并重复),好像内联框没有跨越线,然后将这个长矩形切成每行的碎片.

每个框:为内联元素的每个框分别定位(和重复)背景图像.这意味着background-repeat : no-repeat可以重复多次图像.

-moz-背景起源

在Firefox等Mozilla应用程序中,-moz-background-originCSS属性决定了背景定位区域(背景图像的原点).

border:背景位置相对于边框,因此图像可以位于边框后面.

padding :(初始)背景位置相对于填充.

content:背景位置相对于内容.