2012-11-30 72 views
23

如果我有以下的樣式表:樣式表的優先順序

user important declarations 
user normal declarations 
author normal declarations 
user agent declarations 
author important declarations 

,並需要從最高優先級的應用它們到最低優先級,以何種順序應該我使用它們?

+0

樣式表中是否可以沒有'user agent important declaration'?如果有一個,我相信它將具有最高優先級。 – RBT

回答

42

優先正確的順序是,從最重要的是最重要的:

  1. 用戶代理
  2. 用戶正常
  3. 作者正常
  4. 作者重要
  5. 用戶重要

如中所定義項

+3

所以從最高優先級到最低優先級,這是相反的,對吧? – Chin

+1

這是正確的。 –

+2

只是爲了每個人的原因,順序是從最低優先級 - >最高優先級。我檢查了規範並引用:「按重要性排序(正常或重要)」。我希望這會有所幫助,特別是70-480考試的考生。 – KevinIsNowOnline

9

CSS聲明在這個順序(從最低到最高優先級):

  1. 用戶代理報關
  2. 用戶正常的聲明(用戶自己(你的瀏覽器適用於 元素的默認樣式)如果樣式表他們使用 之一)
  3. 作者聲明正常(這是正常的樣式表)
  4. 筆者重要宣言(什麼你的商標是重要的)
  5. 用戶重要聲明(從用戶的 樣式任何重要的樣式)
+0

這也是不正確的順序...應該反轉 – thecoolmacdude

+0

感謝您對每種風格的解釋 – Cyclion

+0

我想深入解釋一下例子來理解這些樣式表,請給我任何鏈接,我可以理解所有這些。 –

0

下面內容是從here拍攝。

樣式屬性可以出現在任何數量的樣式表中,並且可以出現在單個樣式表中多次。因此,應用規則的順序非常重要。這被稱爲「級聯」順序。根據CSS2規範,級聯順序爲(從低到高):

  1. 瀏覽器的聲明
  2. 用戶正常聲明
  3. 作者普通聲明
  4. 作者重要聲明
  5. 用戶重要聲明

a)瀏覽器聲明最不重要;
b)僅當聲明被標記爲重要時,用戶纔會覆蓋作者。
c)具有相同訂單的聲明將按specificity排序,然後按它們的指定順序排序。
d)將HTML可視化屬性轉換爲匹配的CSS聲明。 e)它們被視爲低優先級的作者規則。