Javascript 如何使用函数制作简单的旋转木马？

有人可以让我简单，易于理解的旋转木马JS。我真的不明白“this”的用法，所以，你能解释一下发生了什么吗

div{
高度：100px；
宽度：100px；
显示：内联块；
}
分区：第n个孩子（1）{
背景色：红色；
}
分区：第n个孩子（2）{
背景颜色：蓝色；
}
分区：第n个孩子（3）{
背景颜色：绿色；
}
不{
显示：无；
}

左
对


左
对

分区：第n个子项（1）{
背景色：红色；
}
这意味着此CSS仅适用于父项为tag的所有第一个子div
第一个父div包含四个子、三个div和一个
，因此基本上根据我们的CSS，它应用于第一个div（红色）。
由于类“.no”包含display none属性，第二个和第三个块被隐藏

这通常是一个javascript关键字。。因此，您需要向我们展示一些
js
，让您理解代码中没有在提供的代码中看到任何“this”引用的部分。我错过了什么吗？我觉得它不像谷歌。。。这是谷歌吗？不管怎么说，我已经向你解释了它的工作原理。你搞不懂吗？*别..啊。。好吧，你有没有听到这个问题？你为什么要解释css？你想要什么。我将为此创建jquery函数，而不是css。但请告诉我是否有固定div或n个divI请求JS用于旋转木马，这意味着通过按div的“左”或“右”更改“活动”（按下左或右的“ul”的兄弟姐妹），并且对其他红方块没有影响。例如：按左方块下方的“右”将其背景颜色更改为蓝色，再次按将更改为绿色，按同一方块下方的“左”将返回蓝色，再次按“左”将返回红色
div:nth-child(1) {
 background-color: red;
}

that means this CSS apply only on all first child div whose parent is <div> tag

First parent div's inside four child , three div and one <Ul> so basically according to our CSS it apply it on first div (color red).

second and third <div> block is hidden due to class ".no" containing display none property