如何在内部css中将语法写入外部css？

Question

我的内部css就是这个：

   <style type="text/css">
       .OneClass
       {  
          background: url(/Images/star.png) no-repeat !important;
       }
    </style>

OneClass是td标记中一个div中的类属性的名称。

当我在外部css文件中写作时：

.OneClass
{  
     background: url(/Images/star.png) no-repeat !important;
}

它不起作用。为什么呢？

这是我包含css文件的方式：    

我确实注意到了奇怪的行为： 在我的CSS中，我将一些字母涂成红色。如果我将其更改为绿色，则结果页面中的更改（它仍然是红色）。但是，如果我删除了css文件的链接，字母也不是红色！为什么会这样？

Answer 1

这是“它不起作用”问题的一个主要例子，所以很难回答，但我会猜测一下。

使用内联样式表包含图像时，使用与HTML文件相对的路径。当您将CSS移动到外部样式时，我猜测您的样式表位于不同的位置。这打破了相对路径。您需要向我们展示如何包含样式表以提供更好的答案。

Answer 2

唯一可能的原因是您的html文件和css文件位于不同的路径中。将您的css文件复制到与html文件相同的位置，它将起作用。

Answer 3

我将/Images/star.png更改为.css文件中的Images / star.png并且有效。