Javascript 试图通过两条线获得自定义和无限的猫头鹰旋转木马

这是小提琴：

我希望得到这个：

两行以上的行为

我尝试使用：

p:nth-child(7n) {
}

无效？

请检查此项

从以下内容更改CSS：

#sync1 .item{
background: #0c83e7;
padding: 80px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#sync1 .item.noItem{
background: none;
}
#sync2 {
 margin-left: 0%;  
}

#sync2 .item{
background: #C9C9C9;
padding: 10px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
cursor: pointer;
}
#sync2 .item h1{
font-size: 18px;
 }
#sync2 .synced .item{
 background: #0c83e7;
     } 

 #sync2 .owl-item:nth-child(7n) {
  clear: both;
 }

致：

---

不清楚你在问什么。请尽量说得清楚准确

#sync1 .item{
background: #0c83e7;
padding: 80px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#sync1 .item.noItem{
background: none;
}
#sync2 {
 margin-left: 0%;  
}

#sync2 .item{
background: #C9C9C9;
padding: 10px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
cursor: pointer;
}
#sync2 .item h1{
font-size: 18px;
 }
#sync2 .synced .item{
 background: #0c83e7;
     }