为什么我必须重命名css文件以便它可以工作，有什么问题吗？答案

【问题标题】：why i have to rename the css file so that it can be work, is there something wrong?为什么我必须重命名css文件以便它可以工作，有什么问题吗？
【发布时间】：2019-04-04 23:29:48
【问题描述】：

我已经完成了 css 文件的编辑和保存
但我的 css 文件不起作用，根本不会改变显示
和 css 文件也未加载

但是在我重命名 css 文件后，一切正常
加载 css 文件并更改显示

我的文件夹结构有问题吗？
还是我的编码有问题？

我的自定义 CSS 是

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

这是我的头标签

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <!-- Custom CSS -->
    <link rel="stylesheet" href="../style/index.css">
    <link rel="stylesheet" href="../css/pace.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../css/fontawesome.css">
    <title>Dashboard • Sistem Pakar</title>
</head>

我的文件夹结构
行动/
|---.....
|
资产/
|---.....
|
CSS/
|---.....
|
js/
|---.....
|
库/
|---.....
|
风格/
|---index.css
|
应用程序/
|---index.php

【问题讨论】：

那么问题是什么？
修复什么？你没有告诉我们到底出了什么问题。
就您在代码中显示的，代码应该没有任何错误，请问您遇到了什么问题？
您的 CSS 是否被缓存？如果是这样，您可以添加一个参数 (index.css?epoch=1541007975)，以便浏览器将其视为一个单独的文件并忽略缓存或修改您的 Web 服务器发送的 HTTP 标头。
如果我猜的话，你可能是指使用../的相对路径

标签： html css bootstrap-4

【解决方案1】：

如果您面临更改 css 代码但更改未反映在浏览器上的问题。这是因为浏览器会缓存您的 css 并且不会从服务器（文件）重新加载它。要手动重新加载它，您需要：

按 ctrl+F5 重新加载页面
使用某些扩展程序清除浏览器的缓存
重命名 css 文件名，以便浏览器可以加载新文件
使用诸如 grunt 等任务运行器来丑化和重命名你的 css

为方便起见，您可以尝试以上任何一种方法

【讨论】：

【解决方案2】：

网络浏览器或网络服务器的缓存是发生这种情况的原因，您可以像这样在您的 css 文件之后使用一个字符串，并且在每次更改后，您可以更改版本并且它会起作用。

    <link rel="stylesheet" href="../style/index.css?ver=1.0.0">

请注意，查询字符串（? 之后的 uri 部分）可以是任何内容，只要它是有效的查询字符串并且每次更改时都不同。

【讨论】：

【解决方案3】：

一个有用的技巧是“禁用缓存”浏览器功能。听起来，它会在 DevTools 打开时禁用缓存。

更多信息在这里：https://stackoverflow.com/a/7000899/4614064

另外，如果你使用 Webpack 或 Gulp，你可以使用散列来输出不同的文件名，这样浏览器就必须正确地重新加载它。在开发中，在浏览器中“禁用缓存”就足够了。

【讨论】：