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;
}