如何找到ASP .Net網頁元素的樣式來自哪里？

Question

我有一個窘境。 我的Web應用程序（C＃，。Net 3.0等）有主題，CSS表格，當然還有內聯樣式定義。 現在，很多廚師都在湯里添加東西。 所有這些結果，毫不奇怪，在我的頁面有時會有奇怪的造型。

我確信所有這些樣式都應用於分層方法（雖然我不確定那個順序）。 問題是每個樣式都被應用為“透明”層，它只是掩蓋它所應用的內容。 我認為這是一個好主意，因為你可以為整體指定樣式，然后根據需要一次性地設置它們。 不幸的是，我無法分辨出風格實際來自哪一層。

我可以通過在所有層明確表達樣式來解決這個問題，但是這樣做會變得笨重且難以管理，並且頁面在80％的時間內都能正常工作。 我只需要弄清楚20％來自哪里。

Answer 1

恕我直言，Firebug將是你最好的選擇。 它將告訴您樣式來自哪個文件，您可以單擊要立即傳輸到文件中相關行的文件名。

注意：您可以在任何頁面上按ctrl + shift + C來選擇並使用鼠標檢查元素。

Answer 2

這里有一個關於如何使用Firebug從一個元素獲取它的風格的快速預告。

http://screencast.com/t/oFpuDUoJ0

Answer 3

在Firefox中使用DOM檢查器，firebug或檢查它。
在IE中，使用IE開發工具欄（或者，更好的是， Firebug Lite ）
在Google Chrome中，使用內置的“檢查元素”功能

Answer 4

使用IE Developer Toolbar，您可以選擇一個元素（通過“單擊選擇元素”或在DOM樹視圖中單擊其節點），然后在“當前樣式”窗格中，右鍵單擊一行並選擇“跟蹤樣式”。

其他工具具有類似的功能。

Answer 5

解決復雜CSS問題的關鍵是弄清楚導致奇怪外觀的原因。 最簡單的查找方法是有選擇地注釋掉樣式表，直到找到注釋它的方式來解決問題。 然后啟用樣式表並有選擇地注釋掉規則，直到找到導致問題的規則。 如果你需要知道什么優先於什么，在CSS級聯的細節詳述這里不像個別規則的執行，這是跨瀏覽器相當一致。

但是，如果完全避免使用內聯樣式並擁有一組精心設計的樣式表，則會更好，每個樣式表都具有邏輯功能以及您理解的所有規則。 出於同樣的原因，你不要將隨機文件中的服務器端代碼放在隨機文件中 - 我們