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的所有元素。但我无法找到和/或弄清楚如何解决这个问题。

我想要的是我可以改变个人的背景颜色＆＃34;复制＆＃34;该表。

e.g。

表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。

Mailchimp可重复

1 个答案: