スタイルシートが適用されないときのチェック項目 #Flex

Flex のスタイルシートで定義する styleName には、ハイフンが使えません。
スタイル定義に誤りがないのに正しく適用されない場合は、スタイル名を確認してみてください。

/* NG: 適用されないスタイル名 */
 .hoge-style1 {
     text-align: center;
 }

 /* OK: 正しく適用されるスタイル名 */
 .hogeStyle1 {
     text-align: center;
 }

ちなみに、スタイルプロパティ名は、HTMLスタイル・ActionScript 識別子いずれも使えます。

.hogeStyle {
     text-align: center; /* これも */

     textAlign: center;  /* これもOKです */
 }

個人的にはHTMLスタイルのほうがすき。