有时在Firebug中查看计算风格时,计算值或其起源的方式并不明显。在某些情况下,源代码是浏览器的默认值。在已经构建的网站中,注入一个CSS重置将导致打破所有页面是不可行的。Firefox扩展来显示浏览器默认的继承?
在Firebug,Web Developer或其他扩展中,有没有一种方式显示继承结构一直到浏览器的默认值,包括显示默认值?
有时在Firebug中查看计算风格时,计算值或其起源的方式并不明显。在某些情况下,源代码是浏览器的默认值。在已经构建的网站中,注入一个CSS重置将导致打破所有页面是不可行的。Firefox扩展来显示浏览器默认的继承?
在Firebug,Web Developer或其他扩展中,有没有一种方式显示继承结构一直到浏览器的默认值,包括显示默认值?
单击Firebug右侧面板样式选项卡上的向下箭头。取消选中“显示计算样式”并选中“显示用户代理CSS”。
每个选择器旁边的蓝色文件名是定义选择器的CSS文件。 Firefox默认的CSS文件名为html.css,它的位置(当你将鼠标悬停在它上面时)是resource://gre/res/html.css,这就是你知道它是浏览器的默认设置。
关闭显示计算样式。
然后它通过声明和类以及浏览器默认值对其进行分解。当你将鼠标悬停在Style上时,就是那个小箭头。
另外,打开'显示用户代理CSS'。
我知道关闭显示计算风格。 转到下面的链接,并检查右侧窗格中具有H2和文本“会员登录”的div。它继承了h2浏览器的默认值。在Firebug的类层次结构图中,它显示了浏览器的默认值? http://demo.host22.com/ – 2009-08-03 22:34:53
打开显示用户代理CSS – 2009-08-03 22:42:41