覆盖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 的tableCSS 竞争。谢谢@克里斯蒂娜。