用另一个css规则覆盖一个css规则？

Question

关于CSS的问题。

我正在处理一些过时的代码。这段代码有自己的css规则，这些规则链接到一些'css manager'...现在我想用jQuery UI和它漂亮可爱的对话等等。

现在我的问题是： 我有一个css规则说...

  

＃菜单栏{东西}

jQuery UI使用的规则如下：

  

的.ui-对话框的标题栏{something2}

我可以（不修改jQueryUI样式表）执行类似于：

的操作

.ui-dialog-titlebar = #menu-bar?

所以.ui-dialog-titlebar会被＃menu}覆盖＃menu-bar？

提前致谢。

PS。让我补充一点，我不能简单地做

  

.ui-dialog-titlebar {something}

因为{something}正在改变，具体取决于所使用的“样式管理器”。

Answer 1

我认为css规则不能从另一个继承，绝对不是CSS 2或CSS 3.你可以做的是为元素添加多个css类。在您的情况下，您只需将ID添加到对话框元素：

<div id="menu-bar" title="dialog">...</div>

或以程序方式添加：

$('.dialog').dialog(...).attr('id', 'menu-bar');

但请注意，如果您希望多个元素具有样式，#menu-bar应该是一个类而不是一个ID。