3 回答

TA貢獻(xiàn)1847條經(jīng)驗 獲得超11個贊
這是現(xiàn)實生活中的情景
想象一下這個場景
您有一個全局CSS文件,可以全局設(shè)置您網(wǎng)站的可視方面。
您(或其他人)在元素本身上使用內(nèi)聯(lián)樣式,這通常是非常糟糕的做法。
在這種情況下,您可以將全局CSS文件中的某些樣式設(shè)置為重要,從而覆蓋直接在元素上設(shè)置的內(nèi)聯(lián)樣式。
實際現(xiàn)實世界的例子?
當(dāng)您無法完全控制HTML時,通常會發(fā)生這種情況。例如,考慮SharePoint中的解決方案。您希望自己的部分是全局定義的(樣式化的),但是存在一些您無法控制的內(nèi)聯(lián)樣式。!important
使這種情況更容易處理。
其他現(xiàn)實生活場景還包括一些寫得不好的jQuery插件,它們也使用內(nèi)聯(lián)樣式......
我想你現(xiàn)在已經(jīng)有了這個想法,也可以提出其他一些想法。
你什么時候決定使用!important
?
我建議你不要使用,!important
除非你不能以任何其他方式做到這一點(diǎn)。只要有可能避免它,請避免它。使用大量!important
樣式會使維護(hù)變得更難,因為您打破了樣式表中的自然級聯(lián)。

TA貢獻(xiàn)2080條經(jīng)驗 獲得超4個贊
覆蓋樣式屬性
在示例中說您無法更改HTML源代碼但只提供樣式表。一些不加思索的人直接在元素上打了一個樣式(噓?。?/p>
div { background-color: green !important }
<div style="background-color:red"> <p>Take that!</p> </div>
在這里,!important可以覆蓋內(nèi)聯(lián)CSS。

TA貢獻(xiàn)1828條經(jīng)驗 獲得超13個贊
這是一個真正的,真實的生活場景,因為它實際上發(fā)生在昨天:
!important
在我的回答中沒有使用的替代方案包括:
在JavaScript / CSS中進(jìn)行搜索,其中應(yīng)用了某些難以捉摸的屬性。
使用JavaScript添加屬性,這比使用更好
!important
。
因此,它的一個好處!important
是它有時可以節(jié)省時間。如果你非常謹(jǐn)慎地使用它,它可能是一個有用的工具。
另一個用途!important
是當(dāng)你編寫某種外部小部件類型的東西時,你想確保你的樣式將是應(yīng)用的樣式,請參閱:
添加回答
舉報