CSS 引入優先級是指在一個HTML文檔中,多個CSS文件中的樣式規則具有不同的優先級,如果樣式沖突就會按照優先級確定最終的樣式。
優先級分為四種:內聯樣式(inline),ID選擇器(#id),類選擇器、屬性選擇器和偽類選擇器(.class,[attr],:hover)和元素選擇器(div,a)。
優先級序列可以描述為一個四位數字,第一位表示內聯樣式的數量,第二位表示ID選擇器的數量,第三位表示類選擇器、屬性選擇器和偽類選擇器的數量,第四位表示元素選擇器的數量。例如,如果一個樣式文件中包含一個內聯樣式和兩個類選擇器的規則,那么該樣式文件的優先級為0112。
如果有多個規則具有相同的優先級,則按照出現在文件中的順序來決定。最后定義的規則將覆蓋之前定義的規則。
以下是一個示例:
<style>p {color: red;} #id1 {color: blue;} .class1 {color: green;} p {color: orange;} </style><p id="id1" class="class1"></p>在這個例子中,p元素被定義了兩次,第一次是用元素選擇器定義的,第二次是用內聯樣式定義的,所以最終的顏色將是橙色而不是紅色。另外,雖然#id1的規則也有顏色屬性,但是由于類選擇器和屬性選擇器的優先級低于ID選擇器,所以最終顏色將是藍色而不是綠色。 總之,了解CSS引入優先級是非常重要的,因為它可以幫助你更好地控制網頁的樣式,確保最終的樣式是符合您的預期的。