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

Question

I have several(more than 1) flipclock counters on a single page. I need to change some CSS styles for each one of them. If i change styles in flipclock.css file, it affects all the flipclock counters i have on a page.

I read the API documentation and i found a property that may help called 'classes' but i didn't find any examples of using it.

Please, help me change CSS styles for different flipclock counters.

Answer 1

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

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

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

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

然后在你的css中使用。

.blue-clock {color: blue;}