我有
<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/