Question

为客户做一个网站，我只是在文件夹和每个页面的引用中更改了css文件的名称。突然间我所有的造型都消失了。我已多次检查拼写错误并且它都是正确的，我相信我已正确引用它，因为它以前使用不同的名称。我的问题是如果仍然正确引用css文件的更改如何突然停止工作？可能是引导程序以某种方式覆盖它吗？

  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge, chrome=1">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/main.css">
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.3.min.js"><\/script>')</script>
    <script src="js/bootstrap.min.js"></script><!--Reference Bootstraop.min before plugins.js but after jquery.js. We alterbootstrap javascript with plugins.js -->
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
</head>

以下是我的索引html文件的<head>。

问题只发生在我更改文件名时，但是当它是一个已完成的项目时我不能将其保留为“TestLayout”。任何帮助表示赞赏，我可以提供我可以帮助找到解决方案。提前谢谢。

Answer 1

首先，小提示：在bootstrap.css文件之后加载自定义CSS文件。通过这种方式，您可以确保样式轻松覆盖Bootstrap的默认值，因此您无需在!important中进行重击以更改内容。

对于您的问题，您是否意外地从css/的开头删除了style.css？由于您链接的所有其他CSS样式都在CSS文件夹下。

仔细检查，否则它应该有效，名称有效。

Answer 2

如果CSS文件的路径仍然正确（并且您没有按照ProDexorite的回答无意中从文件路径中删除了该文件夹），那么您可能需要完全刷新浏览器。

您可以使用CTRL + F5执行此操作，或者完全确定您可以清空浏览器缓存，但我通常认为这不是必需的。

ProDexorite对于CSS文件也是正确的 - 它被称为级联样式脚本，这意味着您最后加载的文件中的任何样式都将覆盖之前加载的文件。因此，任何自定义CSS（例如main.css和style.css）都应该在Bootstrap或任何其他库css文件之后加载。这只是意味着您需要在页面中以正确的顺序引用它们。

我重命名了我的css文件，现在它不起作用

2 个答案: