jquery小部件css覆盖我自己的css

我正在使用jquery选项卡和其他一些jquery小部件

现在，在选项卡内，所有内容都根据jquery CSS进行了样式设置。因此，最简单的方法就是注释掉或更改一些jQueryCSS定义。但是很明显，所有其他的小部件，比如autocomplete，都不再工作了

其他人如何解决这个问题？我更喜欢的解决方案是，如果我可以保持jquery CSS的原样，只在选项卡中保留我自己的默认CSS

例如：

.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } 

---

这将覆盖“我的”选项卡中的文本颜色。其他小部件也可以，但在选项卡内看起来很糟糕

我会对元素使用不同的CSS类（或者开始对元素或包含元素使用类，如果您还没有），这样您就不会与jQuery样式冲突。

我认为解决方案是使用jQuery删除CSS类文件，如buttom选项卡的示例：

<script>
    $(function() {
        $( "#tabs" ).tabs();
        $( ".tabs-bottom .ui-tabs-nav, .tabs-bottom .ui-tabs-nav > *" )
            .removeClass( "ui-corner-all ui-corner-top" )
            .addClass( "ui-corner-bottom" );
    });
</script>

$（函数（）{
$（“#制表符”）.tabs（）；
$（“.tabs-bottom.ui-tabs-nav，.tabs-bottom.ui-tabs-nav>*”）
.removeClass（“ui角所有ui角顶部”）
.addClass（“ui角落底部”）；
});

对。问题是我有字体、颜色等的全局定义，我不想再为每个元素定义它们。作为一个想法，尝试用一个特定的类将所有内容包装在一个div中，然后定义所有样式，仅应用于包含div的div中。例如，

div.my_class span{…}

。然后在选项卡中使用相同的容器。这样行吗？