Question

我正在创建一个popover，我想将CSS应用到它，但我的CSS被忽略了。可能是什么原因？

JS为popover创建了以下标记：

<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;
}

Answer 2

使用重要不被认为是一种好习惯，而是给它一个id并为它设计风格。

<div id="popover" class="popover fade bottom in" style="top: 24px; left: 461.281px; 
display: block;">

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

将CSS应用于Bootstrap的Popover

2 个答案: