无法覆盖css

好的，我有一个我不理解的场景，在默认的引导css样式表中，标签css是这样定义的

label {
    display: block;
    margin-bottom: 5px;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  color: #333;
}

现在，我在我自己的样式表中覆盖这个css，它在引导后呈现，如下所示

label {
    display: block;
    margin-bottom: 5px;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  color: #333;
}

有人能解释一下为什么浏览器仍然呈现为

显示：block

？？即使样式定义良好，渲染效果是否良好？这是计算样式的屏幕截图

这是样式覆盖的证明

更新，这是样式表的呈现方式

---

您需要在引导后导入CSS代码，这样它就会被覆盖

---

正如前面所指出的，您可以只使用“！important”，但是，这通常是不好的做法。

因为引导是邪恶的？不过，说真的，远离引导！您是否100%引导css在您自己的css之后不呈现？我看不出更好的解释……你能把我们和这个问题的一个例子联系起来吗？引导链接在你的样式表后面。@ceejayoz:Bootstrap是。正如我在我的问题中所解释的，如果在bootstrapYeah之后使用我的样式表，请避免！尽可能重要。这应该是不必要的。@Jorge:你能在导入两个css样式表的地方显示html吗？我更新了我的问题，证明默认样式是覆盖但没有使用。我知道它被覆盖了，但我想要的是html代码。你应该这样做：然后包括你的风格。这将自动应用最新导入的CSS。