Jquery 用你自己的css覆盖css

我有一个来自第三方的布局，我需要在我自己的css中覆盖它。我可以使用常见的css规则更改样式，如：

#someid-div input[type=checkbox]{
    display:block;
}

及

但是现在我有一个不同的情况，我需要环绕或引入额外的标记来显示所需的布局。e、 g

<div class="row" style="margin-bottom: 20px;">
            <div class="form-group col-sm-6">
                <label class="control-label" for="email">Email</label>
                <input name="email" class="form-control" id="email" type="text">
            </div>
 </div>

电子邮件

例如：

<div class="row" style="margin-bottom: 20px;">
    <div class="form-group col-sm-4">
       <label class="control-label" for="email">Email</label>
    </div>
    <div class="form-group col-sm-6">
        <input name="email" class="form-control" id="email" type="text">
    </div>
</div>

电子邮件

这在CSS中可能吗？或者我需要使用jquery来实现它吗？若能提供代码片段，将不胜感激。

---

感谢jQuery中的类似内容（未经测试）：

var label=$（“label[for='email']）；
var parent=label.parent（）；
$（“”）.setClass（“表单组col-sm-4”）.append（标签）.insertBefore（父级）；

您可以使用jquery实现它。这样就行了

    $(".row").empty();
    var html = '<div class="form-group col-sm-4"><label class="control-label" for="email">Email</label></div><div class="form-group col-sm-6"><input name="email" class="form-control" id="email" type="text"></div>';
    $(".row").append(html);

$（“.row”）.empty（）；
var html='Email'；
$（“.row”）.append（html）；

---

在您的预期操作成功后插入它。

那么您也想更改html吗？是的，您必须为此使用jquery/ajax。请使用jquery！这将是一个简单的任务！此html来自第三方，并且将根据下拉列表中的不同选择进行更改，因此如何使用jquery根据特定的内容更改htmlselection@sam，是的，你可以用Jquery来实现。谢谢，正如我前面解释的，这个html是从第三方动态加载的（基于他们提供的下拉列表），那么我们需要做什么来检查何时加载了“电子邮件”框以及何时加载了“护照”框？

var label = $("label[for='email']");
var parent = label.parent();
$("<div>").setClass("form-group col-sm-4").append(label).insertBefore(parent);

    $(".row").empty();
    var html = '<div class="form-group col-sm-4"><label class="control-label" for="email">Email</label></div><div class="form-group col-sm-6"><input name="email" class="form-control" id="email" type="text"></div>';
    $(".row").append(html);