html - 覆盖值 css

Question

我在很多部分都使用了这个类:dt-buttons btn-group

我的代码

<div class="dt-buttons btn-group">
    <button class="btn btn-align-right btn-primary" tabindex="0" aria-controls="specificationsTable">
        <span>Add specifications</span>
    </button>
</div>

当类(class):btn-align-righ 存在并且父级是:dt-buttons btn-group 时我搜索

放值:float:right

实际上对于 dt-buttons btn-group 值是 float:left... 当我放置 btn-align-righ 我想覆盖这个值

没有成功

div.dt-buttons btn-group button.btn-align-right{
    float:right;
}

在这里创建一个演示 http://jsfiddle.net/wj4msayt/

Answer 1

选项 1:

float-right 需要应用于 btn-group 类而不是 button 本身。

我已经更新了您的 fiddle 并解决了问题 - Updated Fiddle :D

编辑 - 满足 OP 新条件的替代方法 -

选项 2:

将下面给出的代码分别添加到您的样式表和脚本中:

div.move-right {
  float: right;
}

$('#specificationsTable_wrapper .btn-group').addClass('move-right');

基本上，通过这段代码，您将使用 jQuery 定位您的特定按钮组并添加类以将按钮移动到右侧。

附言float按钮的样式仅在应用于任何具有它的容器时才有效。将它添加到按钮不会有任何效果。