jqueryUI Css小部件,如何防止后代

时间:2011-05-06 06:17:55

标签: css jquery-ui class descendant

我想阻止我的样式中的CSS做后代的后代,而不给它们类或ID?我的jQueryUI小部件受到我的上升CSS的影响。 我试过了 例如: .myClass > ul {...} instead of .myClass ul {...} 但它不起作用(使用Firebug 1.5 / FF 3.6检查) .myClass必须是一个类,而不是id(#)。它似乎与id一起工作,但那不是我想要的...... 事实上,我想要'包含'CSS jQueryUI Widget。 谢谢你的帮助。

1 个答案:

答案 0 :(得分:0)

的Sebastien

通常jQueryUI小部件包含在具有类如.ui-widget的DIV中,但是这些小部件通常位于正文的第一个子级别,这意味着如果你的布局类似于#wrapper div,小部件样式不会受到来自该包装器的后代选择器的影响,以便明确:

<body>
  <div id="wrapper"><h1>an h1 inside the wrapper</h1></div>
  <div class="ui-widget"><h1>h1 inside the jquery ui widget</h1></div>
</body>

因此,如果你把#wrapper放在所有样式的前面,jQueryUI就不会把它们拿起来。

相关问题