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;}