Question

我有以下由jQuery Mobile Framework生成的HTML和CSS。我无法控制生成的HTML。我只能设计它们。

<div class="ui-popup-container slideup in ui-popup-active" id="productSummaryOverlay-popup" tabindex="0" style="max-width: 1201px; top: 0px; left: 17px;">

我想忽略或删除style属性中的所有内容，因为它无法全屏显示，并且还提供了我不想要的边距。

如何忽略样式属性？

Answer 1

您可以使用！important来设置具有更高优先级的样式喜欢

.slideup{
  top: 50px !important;
}

你也可以使用jQuery（和js）来控制样式 - 比如setAttribute（＆＃39; style＆＃39;，...或.style属性

Answer 2

在行尾使用！important：

#productSummaryOverlay-popup {
    max-width: none !important;
    top: auto !important;
    left: auto !important;
}

覆盖样式标记中的CSS

2 个答案: