有没有人有任何技术/提示/技巧来帮助我在一个应用程序中组织和实现多个 jQuery UI 主题？
我已经使用!important，因为它似乎是强制样式覆盖的最可靠方法 - 但这种方法不是很理想。
【问题讨论】：
标签： jquery css jquery-ui jquery-ui-css-framework jquery-ui-theme
是的，但这取决于您的意思。
假设您希望元素 A 使用 Theme X 设置样式，而元素 B 使用 Theme Y 设置样式。jQuery Theme Roller 内置了此功能。当您下载主题 (here) 时，单击 高级右侧的主题设置。在这里，您可以设置“CSS Scope”。这将允许您从特定主题应用 jQuery UI 类（即ui-corners-all 等）。以下是他们对此选项的描述：
此字段允许您指定 CSS 范围将您的主题限制为 页面的特定部分。这是 在使用多个主题时很有帮助 页面。如果您不提供 CSS 范围，您的主题将适用于所有 UI 页面上的元素。
在大多数情况下，您不需要 指定一个 CSS 范围。请注意：如果 你提供一个 CSS 范围，你不会 获取包含在您的示例页面 下载。
您还可以更改主题文件夹名称：
此字段允许您指定一个 您的主题文件夹的名称 下载。如果您计划，这将很有帮助 在一个页面上使用多个主题。它 默认为“主题”。
但是，如果您想创建一个全新的主题，从多个主题中借用一些零碎的东西，您有两个选择：自己编辑 CSS 和图像文件（不推荐），或使用主题滚轮工具创建您的拥有。
如何使用：
CSS Scope 只是一个 CSS 选择器。假设主题 X 应该只适用于类 aClass 的所有元素。在这种情况下，您的 CSS 范围将是 .aClass。因此，如果您想将主题 X 中的圆角添加到元素（假设您的 CSS Scope 已设置为 .aClass），您的 HTML 应该是这样的：
<div class='ui-rounded-corners aClass'>
Content
</div>
【讨论】：
如果将此技术应用于覆盖并附加到正文的 UI 小部件 - 对话框、日期选择器、自动完成......
在自动完成的情况下，您可以执行以下操作来获取具有作用域类的父元素 - 将作用域类添加到自动完成本身的 UL 是不够的。
jQuery('.autocomplete').autocomplete({
source: function(request, response){
{....}
},
create: function(event, ui) {
jQuery('.ui-autocomplete').wrap('<span class="xxSCOPPEDCLASSxx"></span>');
}
});
【讨论】：
搜索了几个小时，终于从FilamentGroup 中找到了方法，并附有教程和工作示例。
【讨论】：