2016-12-08 105 views
-1

這種情況怎麼會發生?(圖像是從鉻的CSS檢查員)重寫此css規則是什麼?

-there高於

-there沒有更高優先級的規則沒有橙色感嘆號(誤差)

-I沒有在Chrome

手動停用它

how can this happen?

式計算:

computed

回答

2

在開發人員工具中,轉到Computed標籤旁邊Style向下滾動並查找這兩個屬性。展開它,您將看到將哪個文件和行號應用到它

+0

更新了我的原始問題。它爲什麼重寫更高層規則? – Zedd

+0

我現在看到它。這是因爲!重要。總之,thx爲建議計算選項卡。 – Zedd

0

通過查看該圖像很難回答您的問題。 CSS規則級聯的規則很複雜。我將把你的規格:

https://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#cascade

簡而言之:更具體的規則將覆蓋更一般的。根據有多少個ID,類和元素名稱以及是否使用!important聲明來定義特定性。

+0

是的,但在檢查員之上的是那些具有最高優先級(級聯頂部)的人,爲什麼他們被覆蓋? – Zedd

+0

如果你把重要的東西放在你的CSS中,它會覆蓋另一個,它的位置並不重要。 [鏈接](https://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/) –

0

當!important關鍵字用於特定的屬性/值對時,它將導致該特定值轉義級聯併成爲名稱暗示,這是該財產最重要的價值,壓倒任何其他財產。 description here