CSS優先級是用來解決當多個CSS規則應用在同一個元素上的時候，瀏覽器該如何判斷哪個規則有更高的權重。CSS優先級是由樣式規則的選擇器所決定的，并且有一套優先級排序規則。 CSS優先級的優先級排序規則如下： 1.內聯樣式表（在HTML標簽的style屬性中設置的樣式） 2.ID選擇器（在CSS樣式表中以“#”為前綴的選擇器） 3.類選擇器、屬性選擇器、偽類選擇器（在CSS樣式表中以“.”、“[]”和“:”為前綴的選擇器） 4.元素選擇器、偽元素選擇器（在CSS樣式表中以標簽名為選擇器） 當樣式規則具有相同的優先級時，瀏覽器將會采用后來的規則覆蓋先前的規則。 例如，下面的CSS代碼： ``` p { color: red; } #content p { color: blue; } p { color: green; } ``` 對于HTML頁面中的下面的段落： `````` 由于內聯樣式表的優先級最高，所以沒有覆蓋掉的樣式表都被內聯樣式表覆蓋了。因此，段落的文字顏色為“green”，而不是“red”或“blue”。 總結： 當同一元素使用多個CSS規則時，瀏覽器采用特定的排序規則來判斷哪個規則具有更高的優先級。這個優先級排序規則是由樣式規則的選擇器所決定的。優先級越高的規則具有更高的權重，優先級相同時，后來的規則覆蓋先前的規則。熟練掌握CSS優先級排序規則將有助于更好地控制網頁的外觀。