如何为2个表格获得相同的风格?

时间:2015-01-11 05:14:35

标签: html css angularjs

我想在每一行上获得相同的风格。在第1行(包含' het regent vandaag')我有以下规则:

.attachments-table td {
    margin: 0 5px;
    padding: 10px 8px;
    line-height: 1.4;
    white-space: pre-wrap;
    border-bottom: 1px solid #fff;
    vertical-align: middle;
}

第二行包含一个有2行的表也设置了这个,但是其他一些样式使得行更高并且奇数/偶数样式丢失。如何调整此项以使嵌套表的样式与第1行中的样式相同,以便高度和背景颜色(均匀/一次)?

我创建了一个plunkr来澄清这一点:

http://plnkr.co/edit/SmHIWILedmdcLCsFCR9X?p=preview

2 个答案:

答案 0 :(得分:0)

我不确定你的意思,但是将表类设置为相同的值会对两个表应用相同的CSS样式

<table class = "value">

您需要对td标记执行相同的操作

答案 1 :(得分:0)

内部tr元素也需要highlight类。在这里,我已将class="table-row clickable highlight"复制到他们身上(但突出显示只是很好):http://plnkr.co/edit/nadWysWfOliXABdjUCBa?p=preview