我正在寻找一种样式对话框（使用UI对话框），该样式对话框具有与传统对话框不同的独特CSS，因此从本质上讲，它具有两个外观各异的jQuery对话框。

例如，我已经设置了样式

<div id="dialog_style1" class="dialog1 hidden">One content</div>

还有一个

<div id="dialog_style2" class="dialog2 hidden">Another content</div>

不幸的是，我注意到使用单独的CSS来设置对话框各部分的样式，例如

.dialog1 .ui-dialog-titlebar { display:none; }
.dialog2 .ui-dialog-titlebar { color:#aaa; }

不起作用，因为.ui-dialog-titlebar没有该类.dialog1，并且我也不能不addClass插入插件而这样做。

另一种选择是使一个元素body具有唯一的类/ id（取决于我想要的类/ id），但是这将阻止在同一页面中同时包含两个对话框。

我怎样才能做到这一点？