0

有没有一种直接的方法可以将一整套 CSS 应用于 DOM 树的一部分?例如,我有一个使用 jQuery 和 jQueryUI 来显示对话框的文档。对话框内容是通过 AJAX 加载的,因此它作为一个新的/单独的 HTML 元素树出现,我将其插入到对话框的 <div> 中。

本质上,我想做的是将不同的 jQueryUI 主题应用于对话框内容。因此,例如,对话框标题栏和按钮将根据一个主题设置样式,但对话框内容(按钮、输入字段、滚动条、文本等)将根据不同主题设置样式。

我想我可以为对话框内容中的所有类应用一个前缀,并为备用 CSS 选择器应用相同的前缀。有没有更简单的方法来实现这一点?

4

1 回答 1

1

http://jqueryui.com/download

在右侧,有一个列表菜单,在该菜单中是一个选项

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.

于 2012-08-11T05:08:57.020 回答