使用不同的css与多个猫头鹰轮播

Question

如何在多个猫头鹰轮播的控件上使用不同的CSS？带有控件的div在JS中生成，而css适用于所有owl轮播。如何定位单个轮播的控件？

我希望此代码仅应用于一个猫头鹰轮播：

.owl-theme .owl-controls{
    margin-top: -40px;
    text-align: center;
}

Answer 1

我认为最好的解决方案是使用包含div的包装id来包裹转盘，例如：{/ p>

<div id="something">
  <div class="owl..... >
</div>

使用id中的#something .owl-theme .owl-controls来定位它：

#something .owl-theme .owl-controls{
    margin-top: -40px;
    text-align: center;
}