css - 覆盖 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加载顺序似乎也没有什么区别。 是什么赋予了？类不是更高的特异性吗？

score 4 · Accepted Answer

加载顺序是这里的一个问题。我的样式表是在Bootstrap之前加载的。我在样式表中为规则添加了更大的特异性，使其能够与 Bootstrap 的tableCSS 竞争。谢谢@克里斯蒂娜。

1 回答 1