2015-07-21 29 views
1

我看到一個answer,討論瞭如何在網頁中應用樣式表的順序。爲什麼用戶代理樣式表是要應用的最後一個樣式表?

我學習了認證,我面臨着這樣一個問題:

問:
您通過使用HTML5和CSS3創建應用程序。這些頁面的樣式 源自五個樣式表。樣式不是 正確應用於應用程序中的頁面。您需要 確定樣式表將被 瀏覽器應用的順序。五種樣式表應用於哪種順序?若要 答案,請將樣式表類型從樣式表類型列表 移至回答區域,並按照將應用 的順序排列樣式表類型。

用戶代理樣式表
用戶正常的樣式表
作者正常 樣式表
筆者重要的樣式表
用戶重要 樣式表

答:

用戶正常的樣式表
作者正常樣式表
作者 重要樣式表
用戶重要樣式s heets
用戶代理 樣式表

爲什麼「用戶代理樣式表」的最後一個應用?不是第一個,因爲它是瀏覽器的默認樣式表?

+0

如果您沒有應用樣式的頁面,然後在瀏覽器的默認樣式將被應用,這是最後的一個優先事項。並在[鏈接](https://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#cascade)閱讀評論「根據重要性排序(正常或重要)」希望它有助於: ) –

回答

3

@GoldShip,答案就在這裏:

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

從上面的鏈接引用:

6.4.1層疊順序

爲了找到元素/屬性的值組合,用戶代理必須應用以下排序順序:

  1. 查找適用於目標媒體類型的所有有關元素和屬性的聲明。如果關聯的選擇器與所討論的元素相匹配,並且目標媒體與包含聲明的所有@media規則上的媒體列表匹配,並且在到達樣式表的路徑上的所有鏈接上,則聲明適用。

  2. 根據重要性(正常或重要)和來源(作者,用戶或用戶代理)進行排序。在優先級的升序:

    1. 用戶代理報關
    2. 用戶正常聲明
    3. 作者正常聲明
    4. 筆者重要聲明
    5. 用戶重要聲明
  3. 排序規則具有相同通過選擇者的特異性來確定重要性和起源:更具體的選擇者將覆蓋更一般的選擇者。僞元素和僞類分別計爲正常元素和類。
  4. 最後,按指定順序排序:如果兩個聲明具有相同的權重,原點和特異性,則後者指定勝利。導入樣式表中的聲明被認爲是在樣式表本身的任何聲明之前。
相關問題