如何将内部CSS中的语法写入外部CSS?

发布于 2024-12-21 20:32:17 字数 533 浏览 0 评论 0原文

我的内部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 文件的链接,字母也不会是红色的!为什么会发生这种情况?

My internal css is this one:

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

OneClass is name of a class attribute in one div in td tag.

When I'm writing in external css file:

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

it's not working. Why?

This is how I include the css file:

I did notice strange behavior though:
In my css I color some letters red. If I change it to green, it's not changed in the result page (it's still red). But, if I remove the link to the css file, the letters aren't red either! Why is this happening?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

往事风中埋 2024-12-28 20:32:17

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

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

This is a prime example of an "it's not working" question, so is quite difficult to answer, but I'll give it a guess.

When you include the image using the inline stylsheet, you use a path which is relative to your HTML file. When you move your CSS to an external style, I'm guessing your stylesheet is in a different place. This breaks the relative path. You need to show us how you include your stylesheet to give a better answer.

海拔太高太耀眼 2024-12-28 20:32:17

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

The only possible reason is that your html file and your css file are in different paths. Copy your css file to the same location as your html file and it'll work.

何以心动 2024-12-28 20:32:17

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

I changed /Images/star.png to Images/star.png in the .css file and it worked.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文