我的CSS被引导CSS覆盖

我想将GWT引导添加到我已经启动的项目中。我设法使用了它，但是引导CSS覆盖了所有其他CSS。结果是我以前的所有UI元素都混在一起了

页边空白、文本大小和许多元素不再适合。我不能使用Bootstrap，因为项目的其余部分都不可用。我想做一个渐进的改变，以引导和保持旧的东西，因为它是

我希望我的CSS按以下优先顺序排列：

• MyApp
• GWT
• 引导

我试图在我的*.gwt.xml中订购它们，但没有成功：

<stylesheet src="css/gwt-bootstrap.css" />
<stylesheet src="css/bootstrap.min.css" />
<stylesheet src="gwt/clean/clean.css" />
<stylesheet src="MyApp.css" />

---

我能做什么？

覆盖样式的工作方式是最后加载的样式

因此，如果您希望GWT Bootstrap中的样式覆盖Bootstrap CSS，那么您需要对样式表进行排序，排序方式如下：

<stylesheet src="css/bootstrap.min.css" />
<stylesheet src="gwt/clean/clean.css" />
<stylesheet src="css/gwt-bootstrap.css" />
<stylesheet src="MyApp.css" />

---

使用样式的优先级是由更复杂的算法驱动的，而不仅仅是HTML中包含的顺序。CSS样式是使用最具体的选择规则选择的，其中内联规则被认为比外部附加的规则更具体，然后是按ID选择，然后是类，最后是带标记名的选择。例如，段落

将是红色的，与规则的顺序无关：

.xyz {
  color: blue;
}
#xyz {
  color: red;
}

如果有两条规则具有相同的选择类型，则编号很重要。因此，选择

.xyz.abc

比

.qwerty

更强

如果两个规则在每个类别中的数字方面有等价的选择，那么，最后的顺序将被考虑

您还可以使用

强制执行不同的订单！重要信息

指令

关于它，请使用“CSS专用性”关键字。

同样的问题：