CSS 适用于 url,不适用于本地网址



我有一个奇怪的问题,当我把这个.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

路径应基于根目录。

相关内容

最新更新