CSS優先級
優先級:看CSS的來源、樣式引入方式、選擇器、源碼順序。
行內樣式/內聯樣式:直接在HTML元素的style屬性中編寫CSS樣式。這種方式適用于少量樣式的情況,但不推薦在大規模開發中使用,因為它會使HTML文件變得冗長和難以維護。
來源:用戶important>用戶樣式>瀏覽器樣式
樣式引入方式:內聯樣式>內部樣式表>外部樣式表
內部樣式表:將CSS代碼直接寫在HTML文件的<head>標簽內的<style>標簽中。這適用于僅適用于單個HTML文件的樣式,但不推薦在多個頁面中重復使用。
外部樣式表:將CSS代碼保存在獨立的.css文件中,并在HTML文件的<head>標簽內使用<link>標簽將其鏈接到網頁中。這是最常用和推薦的方式,它允許在多個頁面之間共享相同的樣式,提高代碼的可維護性和重用性。
選擇器優先級規則:
!important>內聯>id>class = 屬性 = 偽類 >標簽 = 偽元素 > 通配符 *
選擇器優先級是看優先級更高的選擇器個數,只要更高級別的個數更多,不管更低級別有多少個,都是高級別優先。
源碼順序:
HTTP響應狀態碼
HTTP 響應狀態碼 - HTTP | MDN
具體細節可以看MDN的HTTP響應狀態碼,這里只截圖一些比較常用的狀態碼: