当前位置: > > > Flex4 - css新特性及新用法

Flex4 - css新特性及新用法

1,global全局选择器(样式会应用到所有的组件)
global{
	fontFamily:微软雅黑;
}

2,通过命名空间使用全局选择器
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";

s|Button{
	color:#000;
}
		
mx|Button{
	color:#FFF;
}

3,ID选择器(使样式只应用到具有相应id值的组件上)
#btn1{
	color:#F00;
}
		
s|Button#btn2{
	color:#0F0;
}

4,并集选择器(多个选择器设置同一样式)
#btn1,#btn2{
	color:#F00;
}

5,后代选择(使只有特定容器的子对象才引用该样式)
#panel1 #btn1{
	color:#F00;
}
		
s|Panel#panel1 s|Button#btn2{
	color:#0F0;
}

6,根据组件状态进行选择(伪选择器)
s|Button:up{
	color:#0F0;
}

7,多类选择器(组件的styleName可以设置多个样式)
<s:Button label="hangge.com" styleName="btn1 btn2"/>
评论0