重写样式标记中的CSS

Question

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

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

我想忽略或删除样式属性中的所有内容，因为这使它无法全屏显示，而且它还提供了我不想要的空白。

如何忽略样式属性？

Answer 1

您可以使用！设置优先级更高的样式很重要像

.slideup{
  top: 50px !important;
}

此外，您还可以使用jQuery（和js）控制样式，如setAttribute（"样式"，…或.style属性

Answer 2

使用！重要的是：

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