在CSS中,有一些樣式屬性的優(yōu)先級(jí)非常高,這些屬性被稱為CSS最高級(jí)優(yōu)先級(jí)(im)。
/* !important */ .example { color: blue !important; }
通過(guò)在屬性值后面添加 !important 標(biāo)記,可以使該屬性的優(yōu)先級(jí)最高,即使該屬性被其他樣式規(guī)則所覆蓋也會(huì)優(yōu)先生效。
/* 操作符 */ .wrapper > a:first-child + img { border: 1px solid red; }
使用 + 或 ~ 操作符可以使選擇器的優(yōu)先級(jí)相對(duì)較高,因?yàn)樗鼈儽硎咎囟P(guān)系的元素,而不是單獨(dú)的元素。
/* ID選擇器 */ #myElement { color: red; }
使用ID選擇器可以使樣式優(yōu)先級(jí)更高,因?yàn)镮D選擇器是一種更具體的選擇器。
/* 行內(nèi)樣式 */ <p style="font-size: 24px;">這是一個(gè)使用了行內(nèi)樣式的段落。</p>
最后,在同一元素上,行內(nèi)樣式具有最高優(yōu)先級(jí),即使它在外部樣式表中定義的樣式規(guī)則之后。