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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/215927.html

猜你在找的CSS相关文章