Firebug在右側面板中顯示類名稱和位置

Question

當我檢查類.mlm-clearfix中的div時，螢火蟲會在右側面板中顯示此類名稱及其網址兩次。在課堂上給出的簡單方法清除的樣式聲明是

.mlm-clearfix:before, 
.mlm-clearfix:after { 
    content: '\0020'; 
    display: block; 
    overflow: hidden; 
    visibility: hidden; 
    width: 0; 
    height: 0; 
} 

當我刪除一個選擇，並將其修改爲

.mlm-clearfix:after { 
    content: '\0020'; 
    display: block; 
    overflow: hidden; 
    visibility: hidden; 
    width: 0; 
    height: 0; 
} 

問題消失。但是這不會發生在其他組合類選擇器上，例如

.search-table td input, 
.search-table td select { 
    width: 200px; 
} 

css文件未鏈接兩次。這可能是什麼原因？請幫忙。

Answer 1

:before和:after是pseudo-elements。 （它們的正確語法實際上是::before和::after）。包含它們的選擇器不會自己設計選定的元素，而是定義新的元素，這些元素將被樣式化。

Firefox API Firebug（2.0.x）內部uses只允許獲取給定僞元素的所有樣式。雖然Firebug不檢查是否已有相同的規則用於其他僞元素。所以規則將在Style side panel內顯示兩次。

這個問題將盡快這些僞元素被顯示在HTML結構中的HTML panel代替樣式面板內側解決（參見issue 5785）。