我們將展示以下幾種例子：通過(guò)命名空間來(lái)定義全局CSS樣式；通過(guò)具體組件的ID來(lái)定義個(gè)別組件的樣式；通過(guò)類里面的組件ID來(lái)定義樣式；通過(guò)組件樣式定義樣式。
詳細(xì)說(shuō)明：
首先讓我們新建一個(gè)application。如下。包含兩個(gè)按鈕（一個(gè)Halo按鈕和一個(gè)Spark按鈕）和一個(gè)包含在容器VGroup里面progressBar。代碼如下：
<?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/halo” minWidth=”1024″ minHeight=”768″>
<fx:Style source=”global.css” />
<s:layout>
<s:VerticalLayout />
</s:layout>
<mx:Button label=”Click me, I’m a Halo button!” id=”haloButton” />
<s:Button label=”Click me, I’m a spark cool and funkybutton !” id=”sparkButton” />
<s:VGroup id=”myBox”>
<mx:ProgressBar />
</s:VGroup>
</s:Application>
在CSS里面需要導(dǎo)入相應(yīng)的命名空間，如：
@namespace s “library://ns.adobe.com/flex/spark”;
@namespace mx “library://ns.adobe.com/flex/halo”;
定制全局樣式
mx|Button
{
color:#ffffff;
}
s|Button
{
color:#000000;
}
當(dāng)然也可在組件的屬性里面指定樣式類，然后在css中聲明相應(yīng)的樣式類
.myStyleClass
{
color:#ff0000;
}
組件ID設(shè)置相應(yīng)的組件樣式
#haloButton
{
base-color:#0000ff;
}
#sparkButton
{
base-color:#ffffff;
}
類里面的組件ID來(lái)定義樣式
s|VGroup#myBox mx|ProgressBar
{
color:#ff0000;
}
通過(guò)狀態(tài)定義樣式
s|Button:down
{
color:#33CC33;
}
總結(jié)：
通過(guò)這些語(yǔ)法，我們能夠更輕松的為組件制作樣式了。