在CSS中,每個樣式規則都會根據其選擇器的特權級來決定其優先級。如果您在一個元素上同時指定了多個規則,那么諸如權重、源、級別和指定的先后順序等因素都會影響規則的優先級。
CSS3為開發人員提供了一種更加簡便的方法,以便在不必考慮特權級的情況下設置樣式。這種方法就是使用!important關鍵字。
在CSS3中,可以為一個規則添加!important關鍵字,這將使該規則具有最高的優先級,即使其選擇器的特權級低于其他規則。
/* 具有!important關鍵字的規則優先級最高 */ p { color: red!important; } /* 正常規則,其特權級低于上面的規則 */ p { font-size: 14px; color: blue; }
值得注意的是,如果多個規則都使用了!important關鍵字,則更具源代碼順序后者將具有更高的優先級。因此,在管理樣式時應該避免在多個規則中頻繁使用!important關鍵字。