CSS reference chart for spark?

Question

I'm running into many issues when trying to add CSS into my project due to the way spark skins now work with CSS. Is there a CSS reference chart I can use or spark?  Also why did Adobe remove the CSS design view in flash builder 4?

Answer 1

Hi,
Can you elaborate on the issues you're having with CSS? The main change between Flex 3 and Flex 4 is 'CSS namespaces'. I don't know of a reference chart, per se,but I took the following from an article in Adobe Dev Center called 'Differences between Flex 3 and Flex 4 beta'.
Flex 4 beta has  also added multiple namespace support in CSS. If you are using the MXML 2009, Spark, and Halo namespaces along with Type selectors, you will need to define a set of namespaces in your CSS definitions to avoid name collisions.
Here is an example of CSS that uses type selectors for both Halo and Spark components:
<fx:Style>
    @namespace s "library://ns.adobe.com/flex/spark";
    @namespace mx "library://ns.adobe.com/flex/halo";
    s|Button {
        color: #FF0000;
    mx|DateChooser {
        color: #FF0000;
</fx:Style>
The Halo and Spark skinning models are different enough that the existing CSS design view implementation (in Flex Builder 3) isn't the right solution for the task of skinning Spark components. The engineering team is currently investigating ideas to address this issue in FB4 for Spark components. (Btw, the CSS design mode is still available in Flash Builder 4, but only for Flex 3 SDK projects.)
thanks
Tim