加載時禁用CSS樣式（開發人員工具）

Question

我有一組未應用的樣式。 我習慣於覆蓋被划掉的樣式，但我的樣式顯示好像我在頁面加載時禁用了它們，並且樣式不適用於任何設備。 我也可以在firefox開發工具中啟用它們，它們工作正常。

我有一大堆JS圍繞這個區域進行，所以我願意接受這就是為什么，但是如果不了解正在發生的事情，我無法進一步追蹤它。 我希望所有三種禁用的樣式都能正常工作（ margin-bottom ， box-shadow和border-radius ）。

當然，任何幫助搞清楚整個問題都會受到贊賞，但主要是我想了解開發工具給我的行為意味着什么。

如果它真的有幫助我會分享網站地址。

Answer 1

如果您引用width: 200px屬性被划掉，則解釋非常簡單： 內聯樣式屬性將始終覆蓋CSS屬性。

您在右側element{}下看到的CSS屬性是由您的style屬性（嵌入在HTML中或由Javascript設置）應用的屬性。 除非從style屬性中刪除width ，否則將永遠不會應用CSS width 。

Answer 2

即使您重寫內聯樣式（硬編碼或使用腳本），相應的樣式表屬性也會有一行。 在FireBug中，假設是這樣，帶有線的圓圈表示您手動禁用它們。

這可能太明顯了，但我不得不問，這是SPA嗎？ 你進行了硬刷新嗎？ 你有沒有關閉FireBug，清除緩存並再次嘗試？

Answer 3

Firebug / Firefox開發工具顯示被注釋為禁用的css行，並允許您將它們視為已禁用它們。