Css 离子型：微调器的多重加载背景

加载时，我在不同的页面中有两个微调器

第一个微调器（abc.js）：

第二个微调器（cde.css）带有背景色：

.loading{
  background-color:red!important;
}

但是，第二个背景始终覆盖第一个微调器。

---

如何使两个微调器分别具有自己的背景色？

尝试向微调器添加z索引。然后在“顶部”微调器上，为其提供透明的背景色。然后更改“顶部”微调器笔划属性

loading-md .spinner-crescent circle {
    stroke: red;
}

---

尝试向微调器添加z索引。然后在“顶部”微调器上，为其提供透明的背景色。然后更改“顶部”微调器笔划属性

loading-md .spinner-crescent circle {
    stroke: red;
}

---

你能详细说明一下吗。代码是js还是css？请提供更多的细节，我误读了你的代码。您正在为这两个应用程序提供相同的类“.loading”。在CSS中，将显示最后一个声明。是。我正在考虑如何区分两者，而不是“class=”spinner balanced“，”替换或包含“id=”spinner1“，并在CSS中创建#spinner1{背景色：lightsteelblue}，然后对Spinner2执行相同的操作，您可以详细说明。代码是js还是css？请提供更多的细节，我误读了你的代码。您正在为这两个应用程序提供相同的类“.loading”。在CSS中，将显示最后一个声明。是。我正在考虑如何区分两者，而不是“class=”spinner balanced“，”替换或包含“id=”spinner1“，并在CSS中创建#spinner1{背景色：lightsteelblue}，然后对spinner2执行相同的操作

.loading{
  background-color:red!important;
}

loading-md .spinner-crescent circle {
    stroke: red;
}