2012-11-02 121 views
6

我正在使用边框表格样式表格。表格边框不可见

但是,对于某些行,我需要更改表格单元格的左边框,但仍保留整个表格边框的外观。

为此,我尝试重新设置表格单元格左边框的样式,并向表格行添加左边框。

我可以删除左侧的表格单元格,但新的左侧表格行是不可见的。

.table tr.topic_row { 
    border-left: 3px solid red; 
} 

.table td.topic_title { 
    border-left: none; 
} 

可以看到,该表行边界似乎是无形的:http://i.stack.imgur.com/M5lsO.png

然而它应该有:http://i.stack.imgur.com/crMQA.png

如何,我可以得到表行边界任何意见可见,将不胜感激:)澄清


编辑:

这里的问题是,为什么不显示表格行边框。即使它应该在那里,它不是。

回答

0

尝试该行申请的边框颜色到第一表格单元格,而不是表行本身:

.topic_row td:first-child { 
    border-left: 3px solid red; 
} 
+0

但我需要的表格单元格有另一个边界。总共2个边界。所以我需要对两者都应用边框。对不起,如果我不清楚何时删除表格单元格边框,我实际上也想为其添加更大的边框,但为了演示我的表格行问题,我将其删除。 –

1

试试这个:

.table tr.topic_row td { 
    border-left: 3px solid red; 
} 

.table td.topic_title { 
    border-left: none; 
}