Affects Version/s: Adobe Flex SDK Previous
Fix Version/s: None
Environment:Affected OS(s): All OS Platforms
Language Found: English
Steps to reproduce:
1. Compile and run the attached MXML file.
2. Note that there is no real clever way to style JUST the FormItem labels. If I use some advanced CSS like "s|FormItem #labelDisplay" it styles both the FormItem labels and the nested Button controls (although the FormItem labels arent colored red because presumably the FormItem skin explicitly sets a color on the FormItem label (confirmed: <s:Label id="labelDisplay" fontWeight="bold" color="0x333333" ... />)
3. Run the attached HTML file.
HTML/CSS2 lets you use the child selector notation (">") to specify that only direct children should be styled, this stopping rampant style cascading.
MXML doesnt support that notation and therefore all children will be styled (regardless of their depth).
MXML should support CSS child selectors, because they are awesome.
Workaround (if any):