在CSS中,可以使用!important
標(biāo)記來(lái)屏蔽全局樣式。!important
標(biāo)記可以將某個(gè)樣式的優(yōu)先級(jí)提升得更高,從而覆蓋其他樣式。
假設(shè)你有一個(gè)全局樣式如下:
body { font-size: 16px; }
如果你想屏蔽這個(gè)全局樣式,可以在某個(gè)特定元素中應(yīng)用一個(gè)更高優(yōu)先級(jí)的樣式:
#content { font-size: 20px !important; }
在這個(gè)例子中,#content
元素的字體大小將覆蓋全局樣式,變?yōu)?0像素,注意,!important
標(biāo)記應(yīng)該謹(jǐn)慎使用,因?yàn)樗鼤?huì)破壞樣式的正常繼承關(guān)系,并可能導(dǎo)致樣式表難以維護(hù),只有在必要時(shí)才應(yīng)該使用它。
除了使用!important
標(biāo)記外,還可以通過(guò)設(shè)置樣式的優(yōu)先級(jí)來(lái)屏蔽全局樣式,CSS中的優(yōu)先級(jí)規(guī)則是:內(nèi)聯(lián)樣式 > ID選擇器 > 類(lèi)選擇器 > 標(biāo)簽選擇器,如果你在一個(gè)樣式表中使用了ID選擇器或類(lèi)選擇器來(lái)定義樣式,那么這些樣式的優(yōu)先級(jí)將高于全局樣式。
在CSS中屏蔽全局樣式的方法有很多,但應(yīng)該謹(jǐn)慎使用!important
標(biāo)記,并盡可能通過(guò)選擇器的優(yōu)先級(jí)來(lái)管理樣式。