custom.css 加载延迟，而引导样式首先显示几秒钟答案

【问题标题】：custom.css loads with delay while bootstrap style shows for few seconds firstcustom.css 加载延迟，而引导样式首先显示几秒钟
【发布时间】：2019-03-06 02:47:06
【问题描述】：

我创建了 custom.css 来覆盖我的引导程序。它可以工作，但在几秒钟内，它首先显示默认引导样式，然后加载自定义样式。有任何想法吗？谢谢！

自定义 css 在引导 btw 之后进行：

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script><script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js'></script>
           <link rel="stylesheet" href="https://toert.github.io/Isolated-Bootstrap/versions/4.0.0-beta/iso_bootstrap4.0.0min.css">
          <link rel="stylesheet" type="text/css" href="css/custom.css">

【问题讨论】：

我有3个想法，希望对你有所帮助。 1：尝试使用您编写的css规则覆盖您的：“bootstrap.css”，而不是创建：“custom.css”。 2：在你的css规则中添加一个：“！important”：“custom.css” 3：验证你是如何组织你的：“head”标签中的文件的。
谢谢，都试过了，还是一样的问题

标签： css bootstrap-4 customization

【解决方案1】：

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script><script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js'></script> <link rel="stylesheet" type="text/css" href="css/custom.css"> <link rel="stylesheet" href="https://toert.github.io/Isolated-Bootstrap/versions/4.0.0-beta/iso_bootstrap4.0.0min.css">

尝试切换位置，以便首先加载 custom.css ^^

【讨论】：

嗯，很奇怪。这不是一个很好的解决方案，但也许带有 custom.css 样式的 style 属性将直接应用，因为它具有更高的优先级。
好的，我直接在 html 文件中使用 bootstrap 将样式添加到该部分，现在它可以工作了 - 它只显示我的自定义样式，而不是 bootstrap 样式。我知道直接在 html 中设置样式不是最佳做法，但我猜这是在这种情况下唯一可行的解决方案
是的，但是，我们必须违反法律并且有时会做坏事才能让某些事情发挥作用，嗯。 xD