再認(rèn)識!important
1、!important是一個很強大的工具,它允許你提升特定樣式規(guī)則的優(yōu)先級,確保某些樣式即使在面對更高特異性的選擇器時也能被應(yīng)用。
2、!important規(guī)則用于在CSS中增加樣式聲明的權(quán)重。當(dāng)你在一個屬性值后面添加!important時,這個聲明將覆蓋任何其他相同屬性的聲明,無論這些聲明的特異性如何。
3、!important在CSS中的作用就像是一個VIP通行證,它允許某些樣式規(guī)則跳過正常的級聯(lián)順序,優(yōu)先被應(yīng)用。這也意味著即使存在內(nèi)聯(lián)樣式或更具體的選擇器,帶有!important的聲明也會勝出。
4、內(nèi)聯(lián)樣式通常具有最高的優(yōu)先級,因為它們直接在HTML元素上聲明。但它卻低于用戶樣式表里的!important聲明。也就是說用戶樣式表里的!important聲明將覆蓋內(nèi)聯(lián)樣式。這也為網(wǎng)頁自適應(yīng)提供了一個解決方案。
5、有了!important你可以很任性的不用再在乎內(nèi)聯(lián)樣式。
舉例:下面的代碼中樣式是內(nèi)聯(lián)的,但在手機端顯示的寬度也是750px ,顯然這個數(shù)據(jù)要改,那么解決的方式可以js 改變寬度,但如果用!important就非常的簡單。只需改變css width 寬度即可。.videoPlayer {width: 100% !important; text-align: center; height: auto !important;}