关于 Flex4 的伪选择器

伪选择器可以让开发者为组件不同状态定义不同的CSS样式。一个按钮的伪选择器定义如下：

s|Button:over{chromeColor:#0000ff;}

这样定义的作用：鼠标悬停于应用程序中的<s:Button>时，<s:Button>变为蓝色

可以将其中 s|Button 改为普通css类：

.btn:up{chromeColor:#0000ff;}

那么应用该css类的组件如果具备up状态，则在鼠标悬停时变为蓝色

或者使用类选择器的伪选择器：

#btnId:down{chromeColor:#0000ff;}

id为"btnId"的组件如果具备down状态，在鼠标悬停时变为蓝色

另外重要的一点是伪选择器的状态，即“：”后面的over、up、down等等有哪些。可以通过flex的在线文档查到。比如<s:Button>的 Skin States 有四个：up, down, over, disabled 。 那么就可以分别为<s:Button>定义四个状态的伪选择器样式。<s:TextInput>有 disabled 和 normal 两个 Skin States, 所以<s:TextInput>可以定义两个状态伪选择器：s|TextInput:disabled , s|TextInput:normal