有没有一种直接的方法可以将一整套 CSS 应用于 DOM 树的一部分?例如,我有一个使用 jQuery 和 jQueryUI 来显示对话框的文档。对话框内容是通过 AJAX 加载的,因此它作为一个新的/单独的 HTML 元素树出现,我将其插入到对话框的 <div> 中。
本质上,我想做的是将不同的 jQueryUI 主题应用于对话框内容。因此,例如,对话框标题栏和按钮将根据一个主题设置样式,但对话框内容(按钮、输入字段、滚动条、文本等)将根据不同主题设置样式。
我想我可以为对话框内容中的所有类应用一个前缀,并为备用 CSS 选择器应用相同的前缀。有没有更简单的方法来实现这一点?