如何将内部CSS中的语法写入外部CSS?
我的内部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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
这是“它不起作用”问题的一个典型例子,因此很难回答,但我会猜测一下。
当您使用内联样式表包含图像时,您将使用相对于 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.
唯一可能的原因是您的 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.
我将 .css 文件中的 /Images/star.png 更改为 Images/star.png 并且它有效。
I changed /Images/star.png to Images/star.png in the .css file and it worked.