覆盖Bootstrap表边框折叠样式

Question

Bootstrap具有table {border-collapse: collapse; border-spacing:0;}样式。我想覆盖它，所以我创建了一个类并将其应用于相关的表：

table.FormGroupContainer
{
    border-collapse: separate;
    border-spacing: 2px;
}

但仍然边框仍然会崩溃。 Chrome元素检查器显示Bootstrap CSS已被覆盖，但只允许检查器中的样式禁用边框间距。我在IE 11和Firefox 31.0中观察到了这一点。内联样式似乎也会覆盖（如Chrome检查器中所示），但在禁用Bootstrap样式之前无效。

CSS加载顺序似乎没有任何区别。 是什么给出了什么？这个类的特异性不高吗？

Answer 1

加载订单是一个问题。我的样式表在 Bootstrap之前加载。我在样式表中为规则添加了更大的特异性，使其能够与Bootstrap的table CSS竞争。谢谢@Christina。