眾所周知,jQuery提供了css方法,用來給指定的元素設置css樣式,或者返回一個或多個樣式屬性,具體的介紹可以參考W3school上的說明。
不過,通過這種方式給元素設置樣式時,!important標記會被忽略掉。例如下面的代碼:
$("p").css("min-height", "calc(100% - 1px) !important");
最終只會將calc(100% - 1px)設置給元素的min-height樣式,而 !important標記則會被忽略掉。
此時,我們可以通過css提供的另一種方式來設置樣式。我們將上面的代碼改成下面這種:
$("p").css("cssText", "min-height: calc(100% - 1px) !important");
然后你會發現頁面上給元素設置的樣式中,!important標記被保留了。