[精通CSS與HTML設計模式]讀書筆記之樣式表中別樣的權重關係

來源:互聯網
上載者:User

  在寫CSS的時候,一般情況下,我只用link,匯入樣式表,今天看了精通CSS與HTML設計模式 ,他大致分為  6  個等級.由高之低進行.

  1.最高優先順序的位置為HTML文檔頭部的<style>元素.說的清楚點,就是在頁面的style理寫樣式,最起作用,權重最高.

  2.第二高優先順序的位置為通過嵌入html<style>元素中  @imporant 一如樣式表的規則,實際上要高於,我們通常在 頁面中寫的 <link> 匯入的樣式表.

  3.第三高,就是我們在頁面中,最經典也就是最經常用到的 <link> 了,但是他要高於  在樣式表中,我們匯入的  @imporant.

  4.第四高,就是 在樣式表中,我們使用 @important 匯入的樣式,會把終端使用者所寫的樣式,覆蓋掉,也就是大於終端使用者所定義的樣式.[這裡的終端使用者 IS  使用者物件]

  5.第五高就是 終端使用者綁定的樣式了.(這裡有一個特例,就是如果這裡使用者寫了  !imporant 這就 另外說了,他會 重寫父類,這裡他就是老大了!)

  6.最低,也就是 老6,瀏覽器預設提供的樣式表.

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.