如何覆盖引导 cdn css？答案

【问题标题】：How to override bootstrap cdn css?如何覆盖引导 cdn css？
【发布时间】：2018-02-11 12:31:31
【问题描述】：

我正在尝试覆盖 引导成功消息。我尝试在我的 CSS 页面中执行此操作，但它向我显示了 2 种样式，现在一个在一个之上。

我该如何解决？

我的代码：

#sm-box { 
    border-radius: 0px !important;
    margin: 0! important;
    padding: 0 !important;
    background-color: #008fd8 !important;
}

【问题讨论】：

试试 !important 在你的 CSS 中
你能显示你试过的代码吗？另外，您能澄清一下您说它现在显示 2 种样式是什么意思吗？
我更新了我的问题。我试过了！important，它没有帮助。它向我展示了来自我的 CSS 的原始成功消息
您是否将自定义 CSS 放置在 Bootstrap CSS CDN 之后？
请对 CSS 优先级进行一些研究。网上有很多关于这个的东西。

标签： html css twitter-bootstrap laravel

【解决方案1】：

你可以优先考虑你的 CSS

从底部链接您的 CSS

【讨论】：

我的 CSS 是底部，它没有帮助

【解决方案2】：

试试

！重要的

在你的 CSS 规则前面

【讨论】：

在许多情况下，!important 是在尝试将某些东西锤炼成形状，而不是优雅地完成它。

【解决方案3】：

.message-block #sm-box { 
    border-radius: 0px ;
    margin: 10px;
    padding: 10px ;
    background-color:#008fd8 ;
    color:#fff;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<dib class="message-block">
<div id="sm-box"> 
message 
</div>
<div>

我认为是解决方案

【讨论】：