如何将内部css中的语法写入外部css？答案

【问题标题】：How to write syntax in internal css to external css?如何将内部css中的语法写入外部css？
【发布时间】：2011-12-19 16:27:10
【问题描述】：

我的内部 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 文件的链接，字母也不是红色的！为什么会这样？

【问题讨论】：

【解决方案1】：

这是“它不起作用”问题的一个典型例子，因此很难回答，但我会猜测一下。

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

【讨论】：

【解决方案2】：

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

【讨论】：

图像star.png 是否位于一个名为Images 的文件夹中，该文件夹位于您的css 文件目录树的上一层？例如：如果您的 css 位于 /x/y/css/mycss.css，则您的图像需要位于 /x/y/Images/star.png
你能提供你的css和图像文件的路径吗？相对于您的文档根目录？

【解决方案3】：

我将 .css 文件中的 /Images/star.png 更改为 Images/star.png 并且它起作用了。

【讨论】：