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

时间:2011-09-26 08:06:01

标签: css jquery-ui

关于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}正在改变,具体取决于所使用的“样式管理器”。

1 个答案:

答案 0 :(得分:1)

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

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

或以程序方式添加:

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

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