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

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

本文关键字:计数器 CSS 样式 FlipClock 几个      更新时间:2023-09-26

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

我阅读了 API 文档,发现了一个可能有助于"类"的属性,但我没有找到任何使用它的示例。

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

将每个时钟包装在一个带有类的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;}