是否有可能知道哪個CSS style/attrib重寫了另一個？

我在Chrome元素檢查器中。我知道，當一個CSS屬性被覆蓋時，它會出現一個換行符，但是有可能知道它被覆蓋的原因是什麼？是否有可能知道哪個CSS style/attrib重寫了另一個？

2014-02-13 whitenoisedb

這只是DOM繼承關係的一個問題，一個樣式總是適用於它設置的最深的子元素。例如。

<div style="background='#fff'"> 
    <div style="background='000'"> 
     000 takes precedence 
    </div> 
</div>

所以，在這個問題上的「爲什麼」會是樹上的一個元素重寫它。這個概念和我發佈的內聯示例一樣適用於樣式表。

我應該注意一個告誡 - 標記爲！重要標記的樣式將優先於其他樣式。

來源

2014-02-13 14:20:54 tremor

好的，所以在Inspector中它是從上到下...我不知道爲什麼在這裏標題的字體重量被替換http://prntscr.com/2s3g5m/direct – whitenoisedb

'.gm-style .gm-style-iw div'有兩個類名和一個標記名，而另一個選擇器只有一個較少的類名，所以它不那麼具體。 [閱讀更多]（http://designshack.net/articles/css/what-the-heck-is-css-specificity/）關於這個，重要的是你避免'！重要'。 – Ronny

「font-weight：bold」正在被父級div的「font-weight：300」設置覆蓋，這可能意味着在實際樣式表中包含了！important設置。如果你想要特定的div爲粗體，在你的樣式表中爲「mapp-title」添加一個新的定義，並且應該勝出（如果需要的話，添加！important） – tremor

是否有可能知道哪個CSS style/attrib重寫了另一個？

回答

相關問題