覆盖Bootstrap表格边框折叠样式

Bootstrap具有table {border-collapse: collapse; border-spacing:0;}样式。我想重写此所以我创建一个类，并在问题把它应用到表：覆盖Bootstrap表格边框折叠样式

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

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

CSS加载顺序似乎也没有区别。 是什么给了？是不是更高的特异性？

来源

2014-09-30 XyberICE

Normalize.css（Bootstrap 3的一部分）添加了折叠。 CSS加载顺序总是有所作为。如果样式适用于表格，它将工作，只要它在Bootstrap css之后并且没有其他css与它冲突：http://jsbin.com/bavogi/1/edit – Christina 2014-09-30 16:34:00

@Christina好的，说Bootstrap的CSS最后加载。 'table.FormGroupContainer'对于：'

“更高的特异性是否允许FormGroupContainer覆盖Bootstrap表CSS？ – XyberICE 2014-10-01 19:29:35

是的，如果这就是全部。请记住，这是normalize.css，它是Bootstrap的一部分，但是单独维护。 – Christina 2014-10-01 19:43:47

加载订单是一个问题在这里。我的样式表在加载之前 Bootstrap。我在样式表中增加了对规则的更多特殊性，使其能够与Bootstrap的table CSS竞争。谢谢@克里斯蒂娜。

来源

2014-10-16 19:09:18 XyberICE

覆盖Bootstrap表格边框折叠样式

回答

相关问题