FLEX CSS樣式：類選擇器和類型選擇器的差別

類選擇器和類型選擇器的差別

1、類選擇器經過聲明後，在程式範圍内可對不同元件應用任意次。類選擇器的文法是一個句号（或點），後面跟着與樣式有關的你所想的任何名字，駝峰樣式同時以小寫字母開頭---舉個例子, .myCustomStyle. 接下來的例子用<mx:Style> 标簽創造了局部樣式，并在代碼内利用styleName 屬性将樣式指派給一個Label 元件:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="vertical">

<mx:Style>

.labelStyle {

font-family: 'Arial';

font-size: 20px;

font-weight: 'bold';

color: #FFFFFF;

}

</mx:Style>

<mx:Label text="Hello Flex!" styleName="labelStyle" />

</mx:Application>

2、類型選擇器可用來将其聲明的樣式應用于某一元件的所有執行個體. 要想聲明類型選擇器, 可使用想要處理的元件的相應類名, 如下:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

layout="vertical">

<mx:Style>

Label {

font-family: 'Arial';

font-size: 20px;

font-weight: 'bold';

color: #FFFFFF;

}

</mx:Style>

<mx:Label text="Hello Flex!" />

</mx:Application>