css子代选择器用什么表示,CSS类选择器的子代

是否可以仅为自定义类的后代生成样式？我想为我的DOM元素的后代重写一些jQuery UI样式。

像这样的东西

.myStuff .ui-button {font-size: 0.7em !important;}

!-- jQuery UI class .ui-button

!-- .ui-button not effected by my .ui-button style

我已经尝试了子选择器(＆gt;)，但它在第一级停止:(。我实际上认为带有空格的双层语法是正确的...但它也不起作用。< / p>

这些是我试图从jQuery UI覆盖的确切选择器：

.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }

.ui-widget .ui-widget { font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }

.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }

.ui-widget-content a { color: #222222/*{fcContent}*/; }

.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }

.ui-widget-header a { color: #222222/*{fcHeader}*/; }

我真的只是想改变字体大小...我会尝试按照你的例子来计算它，但我昨天没有运气：(。