我有一个奇怪的问题,当我把这个.css文件的链接放到我的html的头部时,页面工作正常,并从该在线.css文件中获取样式。但是,当我复制该.css文件的全部内容并将其保存在我的资源中时,它不会获取样式并且不起作用。有人对这种奇怪的行为有解决方案吗?
这个工作正常:
<链接 rel="stylesheet" type="text/css" href="https://www.example.com/global.css">链接>
这个没有:
<链接 rel="stylesheet" type="text/css" href="resources/css/global.css">链接>
这是我包含的另一个 CSS 文件,并且可以使用相同的路径目录正常工作:
<链接 rel="stylesheet" href="resources/css/scrolling.css" type="text/css">链接>
您必须确定 CSS 文件的正确位置位置是否正确,请尝试在 href 之前添加/喜欢这个:
< link rel="stylesheet" type="text/css" href="/resources/css/global.css" >
同一时间如果位置出文件夹你必须像这样添加两个点
< link rel="stylesheet" type="text/css" href="../resources/css/global.css" >
我建议您先确定CSS文件的位置是否正确
我想你的结构是这样的:
- main-folder
- resources
- css
global.css
index.html
所以如果你想从index.html
引用global.css
,最好像这样写你的link
标签:
<link rel="stylesheet" type="text/css" href="./resources/css/global.css">
我的意思是把./
放在href
的开头,你告诉浏览器*文件位于这里(点),之后,转到资源,最后在css文件夹中有一个全局.css文件 *
路径前面添加一个/
。当路径开头没有斜杠时,它将继承 URL 的路径,并追加文件的路径。添加斜杠使其"绝对"
您希望它是:
/resources/css/global.css
路径应基于根目录。