Firebug找到導致類名衝突的CSS文件的方法是什麼？

Question

在網頁上導入的大量CSS文件中聲明的相同類使手動定位衝突非常困難。相同的類名在兩個不同的CSS文件中可能有不同的聲明，導致一個樣式表中的類定義取代其他樣式表中的類定義。

Firebug的哪些功能可以讓你找出衝突的類名和聲明它們的CSS文件？

Answer 1

不同的CSS文件包含重疊選擇器的規則是完全正常的。值的優先級在CSS Selectors specification中定義，並由其所謂的「特異性」指定。

在Firebug的Computed side panel中可以看到如何應用不同的CSS規則以產生特定的計算出的CSS值。 你只需要在那裏擴展相關的屬性，你就會得到一個所有選擇器和相關值的列表，按照它們的特殊性排序，並且在頂部「贏得」。在每個條目的右側，您會找到定義相關CSS規則的文件名和行號。