css - 将 CSS 应用于 Bootstrap Popover

Question

我正在创建一个弹出框，我想对其应用 CSS，但我的 CSS 被忽略了。可能是什么原因？

JS 为弹出框创建以下标记:

<div class="popover fade bottom in" style="top: 24px; left: 461.281px; display: block;">
    <div class="arrow"></div>
    <h3 class="popover-title" style="display: none;"></h3>
        <div class="popover-content">Phone</div>
</div>

默认样式是:

element.style{
    top: 24px;
    left: 461.281px;
    display: block;
}

我的CSS:

<style>
    .popover{
        left: 580px;
    }
</style>

我可以不覆盖 CSS 吗？

Answer 1

您需要使用 !important，因为内联样式具有优先级并且您不能在没有 !important 的情况下进行覆盖。

.popover {
   left: 580px!important;
}