外部样式表中的样式与使用样式=不同

Question

我的DIV元素的样式如下：

<div style='float: left; width: 100px; position: relative; top: +5px;'>
 This is some text
</div>

当我将样式移动到外部样式表时，＆＃34; top：+ 5px;＆＃34;有点不适用于文本，但其余的风格是：

div.textthumb {
  float: left; width: 100px; position: relative; top: +5px;
}

...

<div class='textthumb'>
 This is some text
</div>

我做错了什么？

Answer 1

＆＃39; +＆＃39;你的风格是不必要的，如果你正在寻找负余量，只需要签名：

div.textthumb {
  float:left; width:100px; position:relative; top:5px;
}

如果这不能解决您的问题，那么您可能需要查找已指定的另一种覆盖此样式的样式。使用chrome或firebug中的开发人员栏将为您提供帮助。

Answer 2

除了Paddy的回答，你可以使用CSS属性！important 来强制它在元素上：

div.textthumb {
   float: left;
   width: 100px;
   position: relative;
   top: 5px !important;
}