html - 自定义 css 不能覆盖 bootstrap css

Question

我的自定义 CSS 中有一些样式可以覆盖 bootstrap CSS，但它们似乎无法覆盖 bootstrap CSS。当我使用 chrome 开发人员模式检查样式时，我只能看到正在应用的 Bootstrap 样式! 这是我的 chrome Bootstrap 的屏幕截图:

这是我的 CSS 中的内容:

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border: 10px solid #b03636;


}
.panel-heading {
    padding: 10px 15px !important;
    border: 10px solid transparent !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

我错过了什么吗？ 谢谢，

Answer 1

您应该首先检查一件事:遍历所有样式并查看是否完全找到自定义 CSS 中的样式。如果是这样，它们可能会被划掉以暗示它们已被 Bootstrap 样式覆盖。如果不是，则意味着由于某种原因它根本找不到您的风格，这就是问题所在。

如果它们确实被覆盖了，我可能还建议确保在 Bootstrap 文件之后调用自定义 CSS。