Override value css

Question

>我在许多部分都使用了这个类：dt-button 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-button btn-group

要放置值：浮点数：右

实际上对于 dt 按钮 btn 组值是浮点数：左...当我输入 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 定位特定的按钮组，并添加类以将按钮向右移动。

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

Answer 2

您需要将两个类选择器与 . 并且没有空格。 尝试以下代码

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