flipclock.js背景颜色

Question

我想更改flipclock.js的背景颜色

我设法改变了背景，但整个计数器都改变了我希望小时部分为红色，黑色分钟和绿色秒。

Answer 1

我查看了网站中的示例。似乎每个部分只是一个<ul>，没有用于描述的类名或ID（不良做法）。因此，在不影响其余部分的情况下，很难改变它。

如果这是问题，应该可以根据订单区分小时，分钟和秒div。

.flip-counter ul.flip:nth-child(2) .inn {
    background : red;
}
.flip-counter ul.flip:nth-child(3) .inn {
    background : red;
}

.flip-counter ul.flip:nth-child(5) .inn {
    background : black;
}
.flip-counter ul.flip:nth-child(6) .inn {
    background : black;
}

.flip-counter ul.flip:nth-child(8) .inn {
    background : green;
}
.flip-counter ul.flip:nth-child(9) .inn {
    background : green;
}