在CSS中,選擇器類型分為標簽選擇器、類選擇器、ID選擇器等等,每一種選擇器類型都有自己的優先級。
/* 標簽選擇器 */ p { font-size: 16px; } /* 類選擇器 */ .text { font-size: 18px; } /* ID選擇器 */ #title { font-size: 20px; }
以上代碼展示了三種選擇器類型,在優先級上,ID選擇器具有最高的優先級,其次是類選擇器,最后是標簽選擇器。那么具體的優先級如何呢?
CSS選擇器優先級是由四個級別組成的,級別從左到右依次為:
Hello World!
以上代碼中,div標簽內聯style樣式的優先級最高,其次是ID選擇器,最后是class選擇器和標簽選擇器的組合選擇器。
除此之外,我們還可以通過!important來提升某一屬性的優先級。
.text { font-size: 18px !important; }
以上代碼中,通過!important來提升了類選擇器.text的優先級,使其比ID選擇器更高,但是使用!important要謹慎,過度使用會影響代碼的可維護性。
上一篇不浮動的css代碼
下一篇不換行 多余省略號css