如何在CSS中覆盖element.style max-width？

Question

我试图在我的代码中覆盖element.style {max-width：750px;} CSS样式，但无法弄清楚如何覆盖它。

这是它出现的代码行：

<ul class="rslides rslides1" id="slider3" style="max-width: 750px;">

以下是我的检查员面板顶部显示的内容：

element.style {
    max-width: 750px;
}

我的代码中没有max-width，也无法覆盖它。

希望有人可以帮助我， 感谢。

Answer 1

在你的CSS中使用!important，例如：

ul#slider3{
    max-width: none !important;
}

听起来jQuery在文档加载后添加了内联样式，因为你说它不在你的代码中。

内联样式最终优先于CSS !important样式的唯一时间是内联样式也有!important。

Answer 2

如果将max-width设置为750，则不会大于750宽度。如果你想要有时大于750的东西，你可以将它设置为宽度：750而不是max-

CSS max-width有一个功能，如果你将html和body的最大宽度设置为750，则没有任何东西可以以任何方式违反这个宽度。

现在，如果您有一个具有此最大宽度的div，但您的html body donot将此设置为750，您可以通过使用display添加div来覆盖它：absolute

Answer 3

jQuery响应幻灯片（rslides）具有您可以自定义的选项。其中一个选项是maxwidth。

e.g。

 $(".rslides").responsiveSlides({
  maxwidth: "",           // Integer: Max-width of the slideshow, in pixels
 });

（注意：还有其他选项）

查看此处的文档：http://responsiveslides.com

Answer 4

今天面临同样的问题..这似乎运作良好。

首先制作none

像这样，

max-width: none;

然后把你的风格

<强>用法：

如上所述设为none，然后设置自己的风格，例如

style="max-width: none; width : 300px;"

这很好地覆盖了它。