css - 覆盖 Bootstrap 表格边框折叠样式

Question

Bootstrap 有一个 表 {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。