Question

我有这个奇怪的问题，当我把这个.css文件的链接放到我的html的头部时，页面工作正常并从该在线.css文件中获取样式。但是，当我复制该.css文件的整个内容并将其保存在我的资源中时，它不会获得样式并且不起作用。有没有人能解决这种奇怪的行为？

这个很好用：

＆LT; link rel =＆＃34; stylesheet＆＃34;类型=＆＃34;文本/ CSS＆＃34; HREF =＆＃34; HTTPS：//www.example.com/global.css" ＆GT;

这一个没有：

＆LT; link rel =＆＃34; stylesheet＆＃34;类型=＆＃34;文本/ CSS＆＃34; HREF =＆＃34;资源/ CSS / global.css中＆＃34; ＆GT;

这是我包含的另一个css文件，可以在相同的路径目录下正常工作：

＆LT; link rel =＆＃34; stylesheet＆＃34; HREF =＃＆34;资源/ CSS / scrolling.css＆＃34;类型=＆＃34;文本/ CSS＆＃34; ＆GT;

Answer 1

您必须确保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文件的位置是否正确

Answer 2

我猜你的结构是这样的：

- main-folder
  - resources
    - css
      global.css
  index.html

因此，如果您想从global.css引用index.html，最好像这样编写link标记：

<link rel="stylesheet" type="text/css" href="./resources/css/global.css">

我的意思是将./放在href的开头，你告诉浏览器 *文件位于此处（点），然后转到资源，最后进入css文件夹中有一个global.css文件*

Answer 3

在路径前添加/。如果路径的开头没有斜杠，它将继承URL的路径，并附加文件的路径。添加斜杠使其成为绝对的＆＃34;

你希望它是：

/resources/css/global.css

路径应该来自您的根目录。