調試CSS螢火蟲

Question

我在找出使用螢火蟲1.11.2時的CSS實際施加到一個元件的問題。我從我自己的CSS文件（d.css），這是指爲忽略3系統的CSS文件（a.css，b.css，c.css）設置段落字體。

1. 我點擊HTML標籤，並單擊<p>元素我 嘗試調試上。
2. 右側的樣式窗口現在顯示a.css,b.css和c.css的應用樣式，但不是d.css。沒有顯示段落字體，但我可以更改line-height的段落，例如，從a.css。
3. 如果我點擊css標籤並找到d.css，我可以手動更改字體和字體大小，並查看應用於主窗口中<p>元素的更改。但是，右側的樣式窗口仍然沒有顯示字體。

是否有某種魔力顯示所有的應用的樣式？

Answer 1

嘗試使用其他附加查看你的CSS代碼，例如：

https://addons.mozilla.org/en-US/firefox/addon/web-developer

你可以嘗試其他的附加組件。

Answer 2

有點啞，但可能值得回答，而不是退出的問題...

原來你有選擇比我認識的HTML元素時要相當小心。我的文字竟是跨度：

<p> 
<span class="foo">bar</span> 
</p> 

問題只是認爲，選擇<p>元素或者文本bar不顯示應用到bar的樣式 - 你確實有通過點擊來選擇整個span元素字span。

謝謝。