Question

在类slotholder的div中，是一个类defaultimg的图像，其中自动添加了高度和宽度。我想特别改变图像的高度和宽度。

以下是代码：

<div class="slotholder">
  <img class="defaultimg" alt="" src="image.png" style="width: 1399px; 
height: 724.45px; position: relative; left: -25px; opacity: 0;">

我试图在css中更改宽度和高度，如：

img .defaultimg{
  width:1570px !important;
  height:813px !important;
}

但是没有工作。如何通过CSS或jQuery更改此内容？

Answer 1

如果您想更改滑块的宽度和高度，请查看documentation of the revolution slider script。在那里，您可以找到所有设置，包括即使对于不同的视口大小，gridwidth和gridheight选项也可以设置滑块的大小。

因此，在初始化滑块时，您可以执行以下操作：

jQuery(document).ready(function() { 
   jQuery("#your-slider").revolution({
      gridwidth:1570,
      gridheight:813 
    }); 
});

如果您已使用某些设置初始化滑块，只需添加gridwidth和gridheight选项。

这比尝试使用CSS !important声明覆盖生成的样式更合适。

Answer 2

问题是你的选择器：

img .defaultimg

在defaultimg _{中搜索一个类img的元素（顺便说一下，这是不可能的）}

你需要的是 img 元素，类defaultimg删除这样的空格：

img.defaultimg

Revolution响应式jQuery Slider图像宽度和高度变化

2 个答案: