Flex4 - css新特性及新用法

2014-12-03 发布：hangge 阅读：281

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"/>