爲什麼Firebug顯示的CSS樣式與我在CSS文件中看到的不一樣？

Question

我正在嘗試對網站進行一些CSS更改。 當我用Firebug檢查元素時，我發現一個類bordered，我需要對其進行一些更改。 Firebug告訴我這個類是在一個名爲Desktop.css的文件中。這些樣式規則的Firebug顯示bordered類：

.bordered { 
    -moz-border-bottom-colors: none; 
    -moz-border-left-colors: none; 
    -moz-border-right-colors: none; 
    -moz-border-top-colors: none; 
    border-color: -moz-use-text-color #d9d9d9 #d9d9d9; 
    border-image: none; 
    border-radius: 5px; 
    border-style: none solid solid; 
    border-width: medium 1px 1px; 
} 

但是，當我看在實際Desktop.css文件，樣式規則我看到bordered類有：

.bordered { 
    border: 1px solid #d9d9d9; 
    border-top: none; 
    border-radius: 5px; 
} 

我必須做一些愚蠢的事！爲什麼我會在Firebug和實際的CSS文件中看到這種差異？

Answer 1

Firebug會將您的CSS規則解析爲完整格式。

一個很好的例子，減少混亂是background財產。

background實際上是寫

background-color 
background-image 
background-repeat 
background-attachment 
background-position 

因此，如果我們寫background: #f00;我們會得到一個紅色背景的速記方法，和所有其他屬性的背景將被設定爲默認值。

螢火將顯示的全部價值，包括違約，在這種情況下將是：

background: #ff0000 none repeat scroll 0 0;