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