Flex4 - css新特性及新用法
1,global全局选择器(样式会应用到所有的组件)
2,通过命名空间使用全局选择器
3,ID选择器(使样式只应用到具有相应id值的组件上)
4,并集选择器(多个选择器设置同一样式)
5,后代选择(使只有特定容器的子对象才引用该样式)
6,根据组件状态进行选择(伪选择器)
7,多类选择器(组件的styleName可以设置多个样式)
global{ fontFamily:微软雅黑; }
@namespace s "library://ns.adobe.com/flex/spark"; @namespace mx "library://ns.adobe.com/flex/mx"; s|Button{ color:#000; } mx|Button{ color:#FFF; }
#btn1{ color:#F00; } s|Button#btn2{ color:#0F0; }
#btn1,#btn2{ color:#F00; }
#panel1 #btn1{ color:#F00; } s|Panel#panel1 s|Button#btn2{ color:#0F0; }
s|Button:up{ color:#0F0; }
<s:Button label="hangge.com" styleName="btn1 btn2"/>