Mailchimp 不同的背景颜色可重复

Question

我无法弄清楚如何使用可单独更改背景颜色的可重复表格设置 mailchimp 模板。

目前我有这个

....

/*
@tab Main Event
@section Header
@tip Set background and text color for main Event
*/
.heading{
  /*@editable*/background-color:#000000;
  /*@editable*/color:#ffffff;
}

....

<table border="0" class="heading padding-20" mc:repeatable>
  <tr>
    <td align="Left" valign="top" width="70%">
      <img src="http://placehold.it/200x40" mc:edit="logo">
    </td>
    <td align="right" valign="top">
      <a href="*|ARCHIVE|*" class="view-in-browser" mc:editable>view in browser</a>
    </td>
  </tr>
</table>

因此，我可以在活动编辑器中复制可重复的表格。但是当我在设计面板中更改背景颜色时，所有表格的背景颜色都会改变，这不是我想要的。我知道，在设计面板（与 .heading 类的 css 链接）中从逻辑上更改背景颜色将影响所有具有 .heading 类的元素。但我找不到和/或想办法解决这个问题。

我想要的是我可以更改表格的单个“副本”的背景颜色。

例如

• 表 1（重复）具有蓝色背景色
• 表 2（重复）的背景颜色为绿色
• ...

这可能吗？

感谢您的耐心阅读和帮助！

Answer 1

而不是使用

定位所有表

.heading {
  background-color:#000000;
}

您可以使用nth-child 元素根据这些特定表格的出现顺序来定位它们。

.heading:nth-child(1) {
    background: orange;
}

.heading:nth-child(2) {
    background: red;
}

你可以read more about it here。