Css 如何清除这些样式

我正在使用一个第三部分引导主题，它通过“智能表单”类为表单定义了一个漂亮的UI。我需要将一个数据表合并到表单中，而这个数据表看起来很混乱。我的html看起来有点像：

<form class="smart-form">
   .... form controls ....
   <div class="data-table">....</div>
   .... form controls ....
</form>

如果在Chrome中取消选中这些样式，我的数据表看起来很好

我是否可以将某些样式应用于数据表DIV，以防止这些样式从智能表单传播到数据表

---

谢谢。

问题出在

.smart form*

中<代码>*表示

.smart form

中的所有元素。您需要解决以下问题：

  .smart-form > *:not(.datatable *)

---

这意味着：与

中的所有元素不匹配的
.smart form
中的所有子元素。datatable

您可以尝试使用

继承

规则取消应用的样式：

.smart-form .data-table,
.smart-form .data-table *, 
.smart-form .data-table :after, 
.smart-form .data-table :before {
    margin: inherit;
    padding: inherit;
    box-sizing: inherit;
    -moz-box-sizing: inherit;
}

---

你能编辑主题的样式表吗？或者插入您自己的样式表来覆盖主题样式表？或者在div中添加一个样式属性？我可以插入自己的样式表并覆盖样式。这很有效——我必须用星号添加not（.datatable*）。唯一的问题是，我必须修改第三方样式表，因此，如果供应商进行了更新，更改将丢失。我希望有一种方法可以在我自己的样式表中覆盖它，但我找不到一种方法来覆盖它。@user1044169，请看，这样你就不必编辑第三方样式表。请确保在第三方样式表之后包含这些规则。

.smart-form .data-table,
.smart-form .data-table *, 
.smart-form .data-table :after, 
.smart-form .data-table :before {
    margin: inherit;
    padding: inherit;
    box-sizing: inherit;
    -moz-box-sizing: inherit;
}