flex css选择器学习

CSS选择器可以包括，标签选择器、类别选择器、ID选择器、交集选择器、并集选择器、后代选择器、全局选择器、伪类等

1标签选择器

标签选择器是根据MXML文件中组件的类型来设置的：

demo_css001.mxml

<?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";
		@namespace styles "mx.styles.*";
		s|TextInput{
			color:#F00078;
		}
		s|Application{
			backgroundColor:#FF79BC;
		}
		s|Button {
			color: 	#00BB00;
		}
		
	</fx:Style>
	<mx:VBox>
		<s:TextInput>输入框</s:TextInput>	
		<s:Button label="确认"/>	
	</mx:VBox>
</s:Application>

效果：