有没有一种直接的方法可以将一整套 CSS 应用于 DOM 树的一部分？例如，我有一个使用 jQuery 和 jQueryUI 来显示对话框的文档。对话框内容是通过 AJAX 加载的，因此它作为一个新的/单独的 HTML 元素树出现，我将其插入到对话框的 <div> 中。
本质上，我想做的是将不同的 jQueryUI 主题应用于对话框内容。因此，例如，对话框标题栏和按钮将根据一个主题设置样式，但对话框内容（按钮、输入字段、滚动条、文本等）将根据不同主题设置样式。
我想我可以为对话框内容中的所有类应用一个前缀，并为备用 CSS 选择器应用相同的前缀。有没有更简单的方法来实现这一点？
在右侧，有一个列表菜单，在该菜单中是一个选项
Advanced Theme Settings
深入研究，你会得到一个带有两个输入的下拉菜单。第一个允许您附加一个“css 范围”，这实际上是您想要的。请随意命名。
还
如果您单击输入字段右侧的问号，它将或多或少准确地描述您在说什么。
This field allows you to specify a CSS scope to limit your theme to a particular portion of a page. This is helpful when using multiple themes on a page. If you don't provide a CSS scope, your theme will apply to all UI elements on a page.
进行中...
In most situations, you won't need to specify a CSS scope. Please Note: If you provide a CSS scope, you will not get an example page included in your download.