我在Codepen上有一个免费的帐户。在我的代码中我使用Bootstrap，但我也覆盖了Codepen CSS编辑器中的一些Bootstrap类。在HTML编辑器的head标签中，我定义了加载顺序：

link rel="stylesheet" type="text/css" href="bootstrap.min.css" <br>
link rel="stylesheet" type="text/css" href="custom.css"

例如，我的custom.css必须覆盖引导类。但它在CodePen编辑器中不起作用。我必须使用!important规则覆盖太多的引导类。
最重要的是，当我在本地计算机上打开custom.html时，我的代码在Google Chrome和Firefox中可以完美地工作，而不需要使用!important规则。
为什么它在CodePen编辑器中不起作用？为什么它会产生如此大的差异？