覆盖值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>

我搜索以下类：btn-align-righ且父类是：dt-buttons btn-group

输入值：float：right

实际上，对于dt按钮，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本身。

我已经更新了您的小提琴，并解决了该问题-Updated Fiddle :D

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

选项2：

分别将以下代码添加到样式表和脚本中：

div.move-right {
  float: right;
}

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

基本上，使用此代码，您将使用jQuery定位特定的按钮组，并添加该类以将按钮向右移动。

P.S。该按钮的float样式仅在应用于具有按钮的任何容器时才有效。将其添加到按钮不会有任何效果。

Answer 2

您需要将两个类选择器与结合使用。而且没有空间。 试试下面的代码

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