在CSS中,選擇器優先級是非常重要的,它決定了CSS屬性應用的順序。CSS優先級由選擇器本身及其特定類型的規則決定,其中一些規則更具體和重要的規則,將覆蓋其他規則。以下是CSS規定選擇器優先級順序:
1. !important聲明:如果在CSS規則中使用了!important聲明,該聲明將具有最高優先級,優先級最高,無法重寫。 例如: p { color: #333 !important; } 2. 內聯樣式:如果在HTML標簽中使用style屬性定義樣式,則該樣式具有高優先級。 例如: <p style="color: red;">這是一個紅色的段落</p> 3. ID選擇器:如果選擇器是ID選擇器,那么他將具有比類選擇器高的優先級。 例如: #container { background-color: #fff; } 4. 類選擇器、屬性選擇器和偽類選擇器:類和屬性選擇器以及偽類選擇器有相同的優先級,他們會比元素選擇器高,但不能超過ID選擇器。 例如: p.intro { font-size: 16px; } 5. 元素選擇器:如果選擇器只是一個元素選擇器,那么它將具有最低的優先級。 例如: p { font-size: 14px; }
綜上,CSS規定選擇器優先級的順序,是! important聲明最高,并且內聯樣式比ID選擇器、類選擇器使屬性選擇器和偽類選擇器優先級高,而元素選擇器的優先級最低。開發者可以根據優先級來編寫CSS規則,以確保義CSS更加可靠和具有預期的視覺效果。