html - 通过选择ID选择器来指定特定的宽度和高度

据我所知，id选择器具有更多的特异性，但是当我使用nivo滑块时，我无法获得图像大小，即使我宣称它很重要。

我在我的div中包括了nivo滑块，并带有bgslider的ID，为此我设置了CSS

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

但这也不起作用。为什么？

最佳答案

问题是您的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/

关于html - 通过选择ID选择器来指定特定的宽度和高度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17637093/