如何在Flex 3中通过CSS引用嵌套组件?

问题描述:

使用CSS,我将如何引用Button组件? FWIW,我正在使用Flex 3.x SDK。如何在Flex 3中通过CSS引用嵌套组件?

<mx:HBox id="myHBox" styleName="myHBox"> 
    <mx:Button label="Test"/> 
</mx:HBox> 

在柔性3.x中,你无法通过CSS访问,而无需使用类型选择,象这样:

Button{ 
    someProp:someVal; 
} 

但会适用于按钮类的每个实例。

的Flex 4.x中有一个更好的实现CSS选择器,你可以通过它的父访问它,像这样:

#myHbox s|Button{ 
    someProp:someVal; 
} 
+0

什么是管道“S”吗? – Huuuze 2010-03-08 15:29:20

+0

这是一个css命名空间:http://opensource.adobe.com/wiki/display/flexsdk/CSS+Namespaces+Support – greggreg 2010-03-10 14:57:49

显然,这(除其他外)是Flex 3.x中的限制。幸运的是,它可以作为一个将在Flex 4的想象:

http://butterfliesandbugs.wordpress.com/2008/10/23/new-css-selectors-are-supported-in-the-flex-4-trunk/