为啥我的 index.html 没有在我的 css 文件夹中使用我的 style.css?

Posted

技术标签:

【中文标题】为啥我的 index.html 没有在我的 css 文件夹中使用我的 style.css?【英文标题】:Why is my index.html not taking my style.css in my css folder?为什么我的 index.html 没有在我的 css 文件夹中使用我的 style.css? 【发布时间】:2018-10-16 12:23:59 【问题描述】:

我有以下文件结构:

mysite/
├── css/
│   ├── style.css
│   
├── index.html

而我的html代码是:

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <title>Home </title>
</head>

但是当我在 localhost (xampp) 上运行该站点时,它并没有采用 CSS。 据我所知,我一直在这样做,但这次不行。

仅供参考:我在 xampp 中的 Apache 确实在运行。

谁能看出我的错误?

【问题讨论】:

尝试把 href="../css/style.css" 因为你需要回到一个目录级别 查看我的回答,如果对你有帮助请采纳 【参考方案1】:

试试这个,

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

我假设您的 mysite 文件夹中有一个 css 文件夹index.html 文件。

为了获取 css 文件,您必须使用上述格式,它告诉 index.html 文件转到 css 文件夹 并获取 style .css 文件

【讨论】:

感谢您提供此代码 sn-p,它可能会提供一些有限的即时帮助。一个适当的解释将通过展示为什么这是解决问题的好方法来极大地提高其长期价值,并使其对有其他类似问题的未来读者更有用。请编辑您的答案以添加一些解释,包括您所做的假设。【参考方案2】:

尝试把 ../css/style.css 放回去,你的html文件和css不在同一个目录。

【讨论】:

【参考方案3】:

检查开发者控制台中的网络选项卡,看看它是否确实加载了。另外,尝试做

style.css?random=number

开发控制台:FF 中的 F12,chrome 中的 CTRL+SHIFT+I。

【讨论】:

以上是关于为啥我的 index.html 没有在我的 css 文件夹中使用我的 style.css?的主要内容,如果未能解决你的问题,请参考以下文章

为啥我的样式在codesandbox中没有生效?

为啥我的 Angular 应用程序没有拿起可动手做的 CSS?

在我的 css 中不断遇到资产预编译错误...不知道为啥

无法从distpack文件夹中的webpack生成的index.html引用javascript和css文件

为啥 XAMPP 不写 css 的路径?

为啥 w3.css Side navbar 在我的页面上不起作用?