无法覆盖css

Question

好的所以我有这个场景我在默认的bootstrap css样式表中不明白标签css是这样定义的

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

现在我在我自己的样式表中覆盖这个css，它在像这个

之类的引导程序之后呈现

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

有人可以解释一下为什么浏览器仍然呈现为display:block ??即使样式定义良好也能很好地呈现？这是屏幕拍摄计算的样式

这是超越风格

的证明

更新，这是如何渲染样式表

Answer 1

你需要在Bootstrap之后导入你的CSS代码，否则它将被覆盖。

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