对多个owl传送带使用不同的css

Question

如何在多个owl传送带的控件上使用不同的CSS？带有控件的div是在JS中生成的，css应用于所有owl传送带。我怎样才能瞄准单个旋转木马的控制？

我希望这个代码只应用在一个猫头鹰旋转木马上：

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

Answer 1

我认为最好的解决方案是用包装器div包装旋转木马，并使用一个id，如这个：

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

并使用CSS中的id (如#something .owl-theme .owl-controls )来针对它：

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