Flex中的CSS： （4）内部样式和外部样式最终被编译的AS源文件完全相同

看下面两个Flex源文件，一个使用的是内部定义的CSS，一个使用了外部定义的CSS。

经验证，被编译器编译后，自动生成的AS文件内容完全相同。

 

例1：

<?xml version="1.0" encoding="utf-8"?><s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"   xmlns:s="library://ns.adobe.com/flex/spark"   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"><fx:Style>@namespace s "library://ns.adobe.com/flex/spark";@namespace mx "library://ns.adobe.com/flex/mx";s|Button:up{color: #FF0000;}s|Button:down{color: #FF00FF;}s|Button:over{color: #0000FF;}</fx:Style><s:VGroup><s:Button label="button"/></s:VGroup></s:Application>

例2：

<?xml version="1.0" encoding="utf-8"?><s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"   xmlns:s="library://ns.adobe.com/flex/spark"   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"><fx:Style source="myCSS.css"/><s:VGroup><s:Button label="button"/></s:VGroup></s:Application>

 

myCss.css

/* CSS file */@namespace s "library://ns.adobe.com/flex/spark";@namespace mx "library://ns.adobe.com/flex/mx";s|Button:up{color: #FF0000;}s|Button:down{color: #FF00FF;}s|Button:over{color: #0000FF;}