如何使用 jQuery 的 `.css()` 方法透過 `!important` 覆蓋樣式？

使用 !important 覆蓋樣式 使用 .css()

jQuery 的 .css() 方法在套用標有 !important 屬性的內聯樣式時存在限制。雖然您提供的程式碼片段 $("#elem").css("width", "100px !important") 應該可以直觀地達到您想要的效果，但由於 jQuery 無法解釋 !important 指令，它無法實現。

要規避此問題，您可以採用替代方法：

使用addClass() 和CSS Class

使用您需要的!important 樣式建立一個CSS 類，並使用jQuery 的addClass() 方法將其套用到您的元素。例如：

.importantRule {
  width: 100px !important;
}

$('#elem').addClass('importantRule');

使用 attr() 修改內聯樣式

或者，使用 jQuery 的 attr() 方法修改元素的內聯樣式並包含 !important attribute.

$('#elem').attr('style', 'width: 100px !important');

請注意，此方法將覆蓋任何現有的內聯樣式，因此請使用

雖然這些方法為jQuery 中的!important 要求提供了解決方法，但值得考慮@Nick Craver 的建議，即重新訪問CSS 規則以實現所需的行為，而不需要內聯!important 樣式。

以上是如何使用 jQuery 的 `.css()` 方法透過 `!important` 覆蓋樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！