如何在HTML中定义CSS文件的更多源

Question

我有一个Spring应用程序，希望为它创建一个swagger。

它工作得很好，自吹自擂没有问题。

现在，我想同时具有一般性和灵活性：

1. 的首要任务是在HTML中从
2. 加载与swagger相关的JS和CSS文件，我还将与swagger相关的JS和CSS文件存储在源代码
3. 中，所以当应用程序加载时，希望从互联网加载这些文件，并且只有当它失败时才从源加载它们作为后盾。

G 211

此解决方案适用于JS，因为我使用这种方式(首先从源加载JS，如果可以找到则从internet重写)：

<!-- swagger-ui-bundle.js -->
<script src="swagger/js/swagger-ui-bundle.js"></script>
<script src="https://unpkg.com/swagger-ui-dist/swagger-ui-bundle.js"></script>

<!-- swagger-ui-standalone-preset.js -->
<script src="swagger/js/swagger-ui-standalone-preset.js"></script>
<script src="https://unpkg.com/swagger-ui-dist/swagger-ui-standalone-preset.js"></script>

但是不适用于CSS，我尝试过这样做：

<!-- swagger-ui.css -->
<link rel="stylesheet" type="text/css" href="swagger/css/swagger-ui.css">
<link rel="stylesheet" type="text/css" href="https://unpkg.com/swagger-ui-dist/swagger-ui.css">

是否可以定义在HTML中加载CSS文件的优先级？请给我举一些例子。谢谢!

Answer 1

这是层叠的样式表。

他们一个接一个地上膛。后面css中的规则覆盖先前加载的css中的规则。它应该能工作，当你加载跌落的第一个，然后互联网版本。问题可能是，您定义了一些css规则，这些规则不会被原始互联网版本覆盖。