css – Twitter-bootstrap表如何只获取外边框线而不是行之间

我有

<table class="table table-condensed">

我曾经在那里有桌子边界,但它给了我行之间的线条.我只想要整个表格外侧的顶部,底部,左侧和右侧线条,并且行之间没有线条.

此外,我尝试先做婴儿步骤,因此尝试删除行之间的行,如此处所示
Remove row lines in twitter bootstrap
并给出解决方案

table td {
    border-top: none;
}

对我不起作用

解决方法

我相信你的CSS没有被拿起,因为它不够具体.在twitter引导程序代码中定义边框的css是：

.table th,.table td { /*css*/ }

但是你的代码是

table td { /* css */}

第一个被认为更具体,因为它使用类“.table”而不是table元素作为选择器,因此具有更高的优先级.

做了一个小jsfiddle做你想要的http://jsfiddle.net/hajpoj/EfUAa/11/

.table td,.table th {
    border: none;
}

table.table.table-condensed {
    border: 1px solid black;
}

这是一个关于css特异性的好资源：

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

还要确保在引导程序文件之后加载了css文件.

原文地址：https://www.jb51.cc/css/215927.html