Chrome中的「Inspect Element」顯示CSS的預期行爲但實際結果不同時有什麼想法？

我遇到過這個問題 - 我編寫或修改了一個CSS模板，但是瀏覽器顯示的內容與預期不同。當我在Chrome中使用「檢查元素」時，它顯示了我希望與該元素關聯的屬性，但是瀏覽器顯示了不同的內容。從這裏可以找到哪些可能的選擇，以找出問題/讓網站看起來如何？Chrome中的「Inspect Element」顯示CSS的預期行爲但實際結果不同時有什麼想法？

之前我有一個問題，我不記得它在Chrome中無法正確顯示（但Chrome開發人員工具按照我的意圖顯示），但它確實在另一個瀏覽器中顯示。

現在，我遇到了一個問題，即同一站點上的多個頁面對於同一菜單有不同的字體，儘管檢查元素中顯示的CSS對所有人都是正確的 - Chrome和Safari之間的行爲是一致的（未檢查其他瀏覽器呢）。

來源

2013-08-28 Kath

請問您可以給我們一些您的代碼或小提琴嗎？ –

或者至少舉一個具體的例子。這個問題太抽象了，沒有例子。 –

您可以隨時檢查!important的下線。我認爲這曾經發生在我身上，而且我認爲它並沒有通過我的風格進行劃分。（雖然很久以前它可能已經發生了。）唯一的方法就是如果是這種情況，並且!important是必要的，則將!important添加到要覆蓋的規則中。（儘可能避免使用重要物品，因爲在大多數情況下重要的是沒有必要的。）

來源

2013-10-08 21:55:53 John

Chrome中的「Inspect Element」顯示CSS的預期行爲但實際結果不同時有什麼想法？

回答

相關問題