在CSS中,有時候我們需要強制使用當前樣式,而不考慮其他受影響的屬性。這個時候我們可以使用"!important" 來達到這個目的。
.example{ color: red !important; }
上面的例子,我們使用了 "!important" 來強制當前的 text顏色為紅色,忽略其他屬性對 text顏色的影響。但是注意,這個玩意應該是避免濫用,除非你非常確定自己需要這個屬性。
此外,"!important"也可以在行內樣式中使用:
<div style="color: blue !important;">如果你看到了這個文本,那么 text顏色一定是藍色。</div>
不過需要注意的是,"!important" 只有在樣式表的優先級重復時才會生效。比如:
.example{ color: red; } #example{ color: blue !important; } /*以下HTML中的CSS不會影響 text顏色*/ <div class="example" id="example" style="color: green;">我是一段文本</div>
在上面的例子中,我們使用了優先級相同且存在 "!important" 的多個樣式,以及當前的樣式。根據規則,"!important"應該排在最后。所以最終 text顏色應該是紅色。但是在HTML中定義的"style",由于優先級太低,會被CSS中的樣式所覆蓋。
總之,"!important" 非常有用,但是也需要小心使用。只有當你絕對確認自己需要這個屬性時,才應該使用。平時可以通過提升樣式表的優先級來避免使用它。