Javascript 如何分别设置两个都需要jQuery-ui.css的jQuery小部件的样式？

我设计了一个页面，它使用了两个商业小部件，这两个小部件都需要jquery-ui.css。当两个小部件都在页面上时，一个小部件正确显示.ui slider.ui slider范围，而另一个小部件不存在。一个小部件使用jquery ui而不进行修改，而另一个小部件对.ui slider.ui slider range的样式进行特定更改。我假设我需要将其中一个作为单独的类/id/元素。当它基于特定的库/模板时，我如何做到这一点？我试过用！重要的是，这只会产生其他问题

您走对了，您可以使用控制台来尝试您的风格

我猜您对其他小部件（如.ui小部件）使用的类进行了更改，请尽量不要与.left、.container或任何类似于通用名称的类混淆

要指定要更改的元素，可以添加一个具有不同类的容器，然后使用它访问小部件类：

<div class="myFirstContainer">
    // Here comes widget 1
</div>

<div class="mySecondContainer">
    // Here comes widget 2
</div>

.myFirstContainer .ui-slider{
    background: red !important;
}

.mySecondContainer .ui-slider{
    background: blue !important;
}