《css權威指南》 筆記3(結構與層疊)

2021-07-15 12:34:54 字數 467 閱讀 9263

選擇器的特殊性:宣告的特殊性的高低決定css發生衝突時,哪一種會勝出。

繼承值《通配選擇器《元素選擇器《類選擇器

(注:繼承值沒有特殊性)

層疊規則:

顯示權重:!important的權重高於沒有該標誌的。

特殊性排序:高特殊性的權重大於低特殊性的權重。

出現順序排序:宣告樣式越後出現,權重越大(後面的樣式會覆蓋前面的樣式,預設style樣式位於文件樣式的最後。)

權重由大到小:

讀者的重要宣告

創作人員的重要宣告

創作人員的正常宣告

讀者的正常宣告

使用者**宣告

(注:id選擇器和內聯樣式的權重相等,但是由於內聯樣式預設出現在文件樣式的最後面,所以優先順序會高。)

《css權威指南》筆記3

層疊樣式表按 權重,特殊性,規則出現先後,來最終確定規則的應用。例如,p.dark 注意,important要放在宣告最後,分號前,多個關鍵字的屬性如font必須放在最後,否則font宣告會無效。由大到小 1.讀者的重要宣告 2.創作人員的重要宣告 3.創作人員的正常宣告 4.讀者的正常宣告 5.瀏...

《CSS權威指南》筆記

h1 0,0,0,1 p em 0,0,2 grape 0,0,1,0 p.bright em.dark 0,0,2,2 id123 0,1,0,0 其中 id123 0,1,0,0優先順序最高.複製 定位可以準確的定義元素框相對於其正常位置應該出現在 或者相對于父元素,另乙個元素甚至瀏覽器位置。定...

HTML5與css3權威指南筆記

doctype 宣告 是html檔案中必不可少的。它位於檔案第一行。html4 html5對檔案的字符集編碼推薦使用utf 8 不允許寫結束標記的元素有 area,base,br,col,command,embed,hr,img,input,keygen,link,media source,trac...