2017-04-16 83 views
1

我有一組未應用的樣式。我習慣重寫被刪除的樣式,但是我的樣式顯示爲在頁面加載時禁用了它們,並且樣式未應用於任何設備。我也可以在firefox開發工具中啓用它們,它們工作正常。加載時禁用了CSS樣式(開發人員工具)

Screenshot of dev tools - I have not disabled the styles myself

我已經去JS的負載在這附近,所以我願意接受,這就是爲什麼,但我不能夠進一步追蹤它的任何不理解發生了什麼。我期望得到所有三種殘疾人的風格工作(margin-bottom,box-shadow & border-radius)。

當然,任何幫助找出整個問題將不勝感激,但主要是我想了解開發工具給我的行爲意味着什麼。

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

回答

0

如果您將width: 200px屬性劃掉,說明很簡單:內聯樣式屬性將始終覆蓋CSS屬性。

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

+0

不,因爲我把問題放在邊緣底部,盒子陰影和邊框半徑,看起來像他們已被手動禁用。 – Lucent

+0

@Lucent OK我的不好,當你選擇其中一個屬性時,你在計算選項卡上看到了什麼? – andreszs

+0

計算出的選項卡中有很多,但沒有表示陰影和邊框半徑的符號。一些提到的利潤率,但這並不奇怪,因爲我知道有一些其他邊際風格浮動。 – Lucent

0

即使您重寫了內聯樣式(硬編碼或腳本),相應的樣式表屬性也會包含一行代碼。在FireBug中,假設這就是這樣,帶有該行的圓圈表示您手動禁用了它們。

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

+0

不幸的是,這正是我的想法,但行爲就像我禁用,但我沒有。我曾嘗試過,重新開始一切,並再次確定。我不確定這是否有效,現在我寫了這段代碼。什麼是SPA? – Lucent

+0

單頁應用程序 –

+0

你試過刪除並重新安裝Firebug? Firebug關閉還是在其他瀏覽器中問題持續存在? –

0

Firebug/Firefox開發工具顯示的css行被註釋掉被禁用,並允許你像對待它們一樣對待它們。

+0

這種情況最初只是由於一些不好的文件管理而無法解決 - 對那些試圖幫助的人表示歉意。但一個有趣的螢火蟲功能瞭解到。 – Lucent