Question

据我所知，id选择器具有更高的特异性，但是当我使用nivo滑块时，我无法获得图像大小，就像我预期的那样重要。

我在我的div中包含了nivo滑块和bgslider的id，我为此设置了css

#bgslider img{
  position: absolute; 
  width: {some value} !important; 
  height: {some value} !important;
}

但它也不起作用。为什么呢？

Answer 1

问题是你的html中有内联样式，它将宽度设置为1100px，导致滚动条：

<div class="nivoSlider" id="vt_nivo_slider33" style="position: relative; width: 1106px; height: 768px; background: url(&quot;/landmark/images/bg/1.jpg&quot;) no-repeat scroll 0% 0% transparent;">

在这里：

<div class="nivo-slice" style="left: 0px; width: 1106px; height: 100%; opacity: 1; background: url(&quot;/landmark/images/bg/2.jpg&quot;) no-repeat scroll 0px 0% transparent;"></div>

如果删除内联宽度或更改内嵌宽度，则不会有滚动条，请参阅演示

http://jsfiddle.net/fGC5u/

Answer 2

是这样的：当内联样式由jquery控制时，内联样式不能用id选择器覆盖。

选择id选择器的特定宽度和高度

2 个答案: