Как я могу ссылаться на вложенный компонент через CSS во Flex 3?

Question

Используя CSS, как бы я сослался на компонент Button? Я использую Flex 3.x SDK.

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

Answer 1

В flex 3.x вы не можете получить к нему доступ через css без использования селектора типа, например:

Button{
  someProp:someVal;
}

но это применимо к каждому экземпляру класса кнопки.

Flex 4.x имеет лучшую реализацию селекторов css, и вы можете получить к нему доступ через родительский элемент, например:

#myHbox s|Button{
  someProp:someVal;
}

Answer 2

Очевидно, что это (помимо всего прочего) является ограничением в Flex 3.x. К счастью, это работает так, как можно было бы представить во Flex 4:

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