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

我有一个Spring Boot REST应用程序，希望为它创建一个招摇过市的

它工作得很好，大摇大摆的装载没有问题

现在，我希望同时具备通用性和灵活性：

首要任务是从web加载HTML中与招摇过市相关的JS和CSS文件

我还将与招摇相关的JS和CSS文件存储在源代码中

因此，当应用程序加载时，我想从internet加载文件，只有当它失败时，才从源加载它们作为备用

此解决方案适用于JS，因为我使用这种方式（首先从源代码加载JS，然后从internet覆盖（如果可以找到）：

但是它对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文件的优先级？请给我举几个例子。谢谢

这是级联样式表

它们一个接一个地加载。后期css中的规则覆盖早期加载的css中的规则。

---

当您先加载回退，然后加载internet版本时，它应该会工作。一个问题可能是您定义了一些未被原始internet版本覆盖的css规则。

这似乎不是一个好办法。如果这两个文件都存在于Javascript中，它将覆盖具有相同名称的函数，但也可以执行相同的代码2次，例如在

onload

事件上。在CSS上，如果有两种样式，则第二种CSS会重写第一种样式，但会将样式相加。示例：第一个CSS

.class{color:red；font size:12px；}

第二个CSS

.class{color:black；font-weight:bold；}

结果将是：

.class{color:black；font-size:12px；font-weight:bold；}

。如果两者都存在的话，这是可能的。如果其中一个不存在，则可能会减慢找不到的资源的速度。解决方案：“”但不适用于某些情况为什么。。。

<!-- 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">