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

Question

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

现在，在选项卡内，所有内容都根据 jquery CSS 设置了样式。所以，最简单的方法就是注释掉或更改一些 jquery CSS 定义。但显然所有其他小部件(如自动完成)也不再工作。

其他人是怎么解决这个问题的？我的首选解决方案是，如果我可以保留 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; } 

这会覆盖我的选项卡中的文本颜色。其他小部件没问题，但在选项卡内看起来很糟糕。

Answer 1

我会为您的元素使用不同的 CSS 类(或者开始在元素或包含元素上使用类，如果您还没有的话)，这样您就不会与 jQuery 样式发生冲突。