CSS - 具有边界折叠的非重叠/无双边界:分开;

时间:2011-09-17 22:07:46

标签: css border css-tables overlap

我需要一种在表格中添加非重叠/无双边框的方法(这需要是使用选择器等的通用类):

  

http://jsfiddle.net/MadLittleMods/X3VMJ/

我需要border-collapse: separate;,因为我在标题内容上使用了边框半径(不在示例中)。

td:first-child几乎可以正常工作,但它会在“底部信息”td中添加额外的边框(参见示例)

添加td:only-childtd:not([colspan]):first-child是我迄今为止最好的领先优势,但仍然会因为“底层信息”td而烦恼,因为它只有一件事。

我目前正在使用td:not([colspan]):first-child,除了具有单个单元格的行以及使用colspan在整个表格中拉伸之外,其效果很好。

1 个答案:

答案 0 :(得分:3)

为什么不将topleft边框放在table元素上并将其留给单元格?喜欢:http://jsfiddle.net/X3VMJ/6/