[英]Chrome Developer Tools: How to find out what is overriding a CSS rule?
嗯，這非常簡單。 如果Chrome的開發人員工具向我顯示某個樣式被覆蓋，那么如何查看哪些CSS規則會覆蓋它？
我想知道是否有什么像“告訴我什么覆蓋了這個” 。
OBS： 拜托，請不要指向Firebug。
使用元素檢查器的“ 計算樣式”面板。 展開感興趣的屬性以查看適用規則列表以及贏得哪個規則。
你可以簡單地看一下同名的那些沒有被刪除的，記住列表的重要性。
或者您可以查看計算的樣式。 它們將是實際應用的樣式。
crtrl + shift + c並檢查元素。 然后在右下角的框中找到沒有穿過它的線條的樣式。
覆蓋在大多數情況下位於頂部（並且沒有通過它的線，因為這種風格是“獲勝”）。
您如何使用 Chrome 開發人員工具找出網頁上出現空白的原因？
[英]How do you use Chrome Developer Tools to find out what the cause of white space is on a web page?
在Chrome開發者工具中添加新的CSS規則，而不是通過檢查元素？
[英]Add a new CSS rule in Chrome Developer Tools, not via inspecting an element?
Chrome Web Developer工具-如何為灰色屬性編輯CSS？
[英]Chrome Web Developer tools - how do I edit the CSS for a greyed out attribute?
我可以使用 Chrome 開發工具找出 CSS 屬性或值定義在哪個文件中嗎？
[英]Can I use Chrome dev tools to find out what file a CSS property or value is defined in?
如何保存 Chrome 開發者工具樣式面板的 CSS 更改？
[英]How to save CSS changes of Styles panel of Chrome Developer Tools?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
