如何瞭解什麼更改了我的css值？

Question

我是一個新手（非常如此），所以我的問題可能是愚蠢的，但我找不到答案。

對於網頁上的聯繫表我已經設置了30px的高度，但是當我在Google Developer工具中查看它時，高度值被刪除。我試圖找出是什麼導致我的價值被重寫，但沒有運氣。開發人員工具顯示該值被覆蓋，但不顯示位置。

所以，問題是：我如何找到什麼覆蓋我的CSS值？

Answer 1

在Chrome中，您的樣式將繼承任何父風格 - 無論是在相同的樣式表，或者，如果您有任何，在其他附加樣式表中。

當樣式從父元素或其他類繼承屬性時，其前輩將在樣式瀏覽器*中列出，從最近的樣式到最遠的樣式列出。因此，例如，如果您有一個分配了類的段落，但該段落包含在也具有自己樣式的父div中，則您的樣式瀏覽器將在頂部顯示該段落的類名稱（包括全部類屬性），然後是div的類，等等。

要發現哪種樣式正在覆蓋高度值，請向下滾動樣式瀏覽器，直至找到未劃掉的高度屬性。您還將看到包含影響頁面外觀的樣式的樣式表（包括行號）。

*您可以通過在網頁中右鍵單擊並選擇「檢查元素」來打開樣式瀏覽器。

Answer 2

應用的樣式顯示在頂部，然後在您向下滾動時將被覆蓋的樣式劃掉。所以，被忽略的價值應該高於被劃掉的價值。

Answer 3

你必須從底部向上閱讀樣式。

您應該在樣式部分找到表格的CSS規則。從這一點開始，您應該能夠看到哪些是覆蓋您的規則的修改，並顯示「計算樣式」部分中描述的元素。

如果你沒有找到任何東西，請看看你的內聯樣式。

這將是更容易解釋，如果我可以看看一些示例代碼...