title: How to manage styles for child components?
body: <p><a href="https://stackoverflow.com/questions/497359">How does one define a default style for a custom Flex component?</a> was a good start, but I want to create custom styles for my custom component which contains other components.</p>
  
  <p>The custom component is a Canvas. It contains other Canvases, Buttons, Lists, etc. I do not want to have the child components use the same values as the parent component, and I want to have some style values "jump" the parent component and only affect a specific child (not all of them).</p>
  
  <p>I would like to have a single CSS definition with values for the parent and each of the subcomponents rather than a separate style for each.</p>
  
  <p>Can I have style values in the CSS files that are not actually standard CSS (e.g. buttonCornerRadius, mainPaneBackgroundColor, actionBitmap) ?</p>
  
  <p>Where should I propagate the styles to the child components? this.updateDisplayList() ? </p>
  
  <p>How would I know if the values changed via setStyle or loading a new CSS file (as StyleManager does not have events) ?</p>
  
  <p>Thanks</p>