如何为 2 张桌子获得相同的风格？答案

【问题标题】：how to get the same style for 2 tables?如何为 2 张桌子获得相同的风格？
【发布时间】：2015-01-12 02:26:28
【问题描述】：

我试图在每一行上获得相同的样式。在第一行（包含“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 行包含一个有 2 行的表格也有这个设置，但是其他一些样式使行更高，并且缺少奇数/偶数样式。如何调整它以使嵌套表格的样式与第一行中的样式相同，以便高度和背景颜色（偶数/单偶数）？

我创建了一个 plunkr 来进一步澄清这一点：

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

【问题讨论】：

请发布回答此问题所需的最少代码量。应该使用链接来补充您的问题。

标签： html css angularjs

【解决方案1】：

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

<table class = "value">

你需要对 td 标签做同样的事情

【讨论】：

【解决方案2】：

内部的tr 元素也需要highlight 类。看这里，我已经将class="table-row clickable highlight" 复制给他们（但仅突出显示就可以了）：http://plnkr.co/edit/nadWysWfOliXABdjUCBa?p=preview

【讨论】：