几个 FlipClock 计数器和每个计数器的不同 CSS 样式

Question

我在一个页面上有几个（超过 1 个）flipclock 个计数器。我需要为它们中的每一个更改一些 CSS 样式。如果我更改 flipclock.css 文件中的样式，它会影响我在页面上的所有翻转时钟计数器。

我阅读了 API 文档，发现了一个名为 'classes' 的属性，但我没有找到任何使用它的示例。

请帮我为不同的翻转时钟计数器更改 CSS 样式。

Answer 1

用 class 将每个时钟包裹在 div 中，然后使用它来设置每个时钟的样式。

<div class="blue-clock">
    <div class="your-clock"></div>
</div>

或者像这样为每个时钟添加一个新的 class 或 id。

<div id="id-here" class="your-clock blue-clock"></div>

然后在你的css中使用。

.blue-clock {color: blue;}

Several FlipClock counters and different CSS styles for each one of them