覆盖Bootstrap表的边框折叠样式

XyberICE

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加载顺序似乎也没有任何区别。是什么赋予了?上课不是更高的特异性吗?

XyberICE

加载顺序在这里是一个问题。我的样式表是Bootstrap之前加载的我在样式表中为该规则添加了更多的特殊性,使其可以与Bootstrap的tableCSS竞争谢谢@克里斯蒂娜。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何覆盖全局Bootstrap样式表?

来自分类Dev

覆盖CSS中的边框样式

来自分类Dev

表CSS样式| 边框

来自分类Dev

表CSS样式| 边框

来自分类Dev

自定义样式表不覆盖Bootstrap

来自分类Dev

Bootstrap折叠表行

来自分类Dev

Bootstrap折叠表行

来自分类Dev

保留覆盖先前样式的表格边框

来自分类Dev

使用:not和bootstrap覆盖样式

来自分类Dev

Bootstrap中样式折叠的导航栏

来自分类Dev

覆盖本机样式表样式

来自分类Dev

Bootstrap 折叠调整大小表

来自分类Dev

Bootstrap表边框删除右,左边框

来自分类Dev

Bootstrap表边框删除右,左边框

来自分类Dev

熊猫DataFrame样式丢失表边框

来自分类Dev

表的双边框样式不起作用

来自分类Dev

使用Bootstrap的面板删除Bootstrap表的边框

来自分类Dev

边框折叠在简单的HTML表中不起作用

来自分类Dev

将边距底部添加到边框折叠表

来自分类Dev

Bootstrap Popover覆盖标题并保持样式

来自分类Dev

如何覆盖Bootstrap的默认CSS样式规则

来自分类Dev

覆盖单个页面的Bootstrap样式

来自分类Dev

如何覆盖 Bootstrap3 中的样式?

来自分类Dev

覆盖引导样式表失败

来自分类Dev

Sphinx 不会覆盖 css 样式表

来自分类Dev

Bootstrap样式表组织

来自分类Dev

使Bootstrap 3折叠菜单覆盖页面

来自分类Dev

Bootstrap扩展的可折叠菜单覆盖在xs网格中

来自分类Dev

创建 Bootstrap 导航栏折叠覆盖菜单