有時在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