Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript flipclock.js背景色_Javascript_Css - Fatal编程技术网

Javascript flipclock.js背景色

Javascript flipclock.js背景色,javascript,css,Javascript,Css,我想更改flipclock.js的背景颜色 我设法改变了背景,但整个计数器都改变了。我希望小时部分是红色的,分钟部分是黑色的,秒部分是绿色的 我在网站上查看了这个例子。似乎每个部分都只是一个,没有用于描述的类名或id(糟糕的做法)。因此,在不影响其他人的情况下,可能很难改变一个 如果这就是问题所在,那么应该可以根据顺序区分小时、分钟和秒div .flip-counter ul.flip:nth-child(2) .inn { background : red; } .flip-count

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


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

我在网站上查看了这个例子。似乎每个部分都只是一个
,没有用于描述的类名或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;
}
以下是我的解决方案:


你能发代码吗?我在用这个。谢谢不,你需要发布你的当前代码,你需要在这里发布,在你的问题中。在回答问题时,请使用“JavaScript/HTML/CSS代码段”按钮。
.flip-clock-wrapper ul.flip:nth-child(2) li a div div.inn,
.flip-clock-wrapper ul.flip:nth-child(3) li a div div.inn
{
    background : red;
}

.flip-clock-wrapper ul.flip:nth-child(5) li a div div.inn,
.flip-clock-wrapper ul.flip:nth-child(6) li a div div.inn
{
    background : black;
}

.flip-clock-wrapper ul.flip:nth-child(8) li a div div.inn,
.flip-clock-wrapper ul.flip:nth-child(9) li a div div.inn
{
    background : green;
}