亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > Flex > 正文

flex4.5中CSS選擇器的應用小結

2024-09-08 18:16:53
字體:
來源:轉載
供稿:網友
CSS選擇器可以包括,標簽選擇器、類別選擇器、ID選擇器、交集選擇器、并集選擇器、后代選擇器、全局選擇器、偽類等,這些樣式應用都已經在flex得到支持

1.標簽選擇器
標簽選擇器是根據MXML文件中組件的類型來設置的,示例如下:

復制代碼 代碼如下:


<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
s|TextInput{
color: #FF0000;
}
s|Button{
color: #FFFF00;
}
</fx:Style>
<s:TextInput text="text input"/>
<s:Button label="button"/>


上面二個控件的顏色會隨之改變。
2.類別選擇器
類別選擇器是以一個點開頭,后面加上組件中通過styleName設置的樣式名來表示的類別選擇器,示例如下:

復制代碼 代碼如下:


<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
.btn2{
color: #FF0000;
}
</fx:Style>
<s:Button label="button2" styleName="btn2"/>


3.ID選擇器
ID選擇器是以#開頭,后面加上組件中設置的ID名來表示的類別選擇器,示例如下:

復制代碼 代碼如下:


<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
#btn1{
color: #FF0000;
}
.btn2{
color: #FF00FF;
}
</fx:Style>
<s:Button label="button1"/>
<s:Button label="button2" styleName="btn2"/>


4.交集選擇器
交集選擇器由兩個選擇器直接連接構成,其結果是選中二者各自元素范圍的交集,示例如下:

復制代碼 代碼如下:


<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
s|Button#btn1{
color: #FF0000;
}
s|Button.btn2{
color: #FF00FF;
}
</fx:Style>
<s:Button label="button1"/>
<s:Button label="button2" styleName="btn2"/>
<s:Button label="button3"/>


5.并集選擇器
并集選擇器是多個選擇器通過逗號連接而成的,并集選擇器同時選中各個基本選擇器所選擇的范圍,任何形式的選擇器都可以,示例如下:

復制代碼 代碼如下:


<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
s|Button#btn1,s|Button.btn2{
color: #FF0000;
}
</fx:Style>
<s:Button label="button1"/>
<s:Button label="button2" styleName="btn2"/>
<s:Button label="button3"/>


6.后代選擇器
后代選擇器也叫派生選擇器,可以使用后代選擇器給一個元素里的子元素定義樣式,示例如下:

復制代碼 代碼如下:


<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
s|HGroup s|TextInput{
color: #FF0000;
}
</fx:Style>
<s:HGroup verticalAlign="middle">
<s:Label text="Text Input 1"/>
<s:TextInput text="sample"/>
</s:HGroup>
<s:TextInput text="sample"/>


7.全局選擇器
全局選擇器global可以將樣式應用到所有的組件,示例如下:

復制代碼 代碼如下:


<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
global{
color: #FF0000;
}
</fx:Style>
<s:Label text="label"/>
<s:TextInput text="text input"/>
<s:Button label="button"/>


8.偽類
偽類是用來設置組件在不同狀態下的樣式,示例如下:

復制代碼 代碼如下:


<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
s|Button:up{
color: #FF0000;
}
s|Button:down{
color: #FF00FF;
}
s|Button:over{
color: #0000FF;
}
</fx:Style>
<s:Button label="button"/>

(編輯:武林網)

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
丝袜情趣国产精品| 黄色精品一区二区| 欧美日韩在线第一页| 5278欧美一区二区三区| 97国产真实伦对白精彩视频8| 国产欧美一区二区白浆黑人| 最近免费中文字幕视频2019| 欧美激情成人在线视频| 亚洲美女福利视频网站| 一个色综合导航| 亚洲男子天堂网| 精品免费在线视频| 亚洲电影中文字幕| 精品久久久久久久久久久久久久| 国产精品欧美一区二区三区奶水| 精品久久在线播放| 精品亚洲aⅴ在线观看| 91久久久国产精品| 欧美成人三级视频网站| 69av视频在线播放| 日韩成人中文字幕在线观看| 欧美电影免费观看| 国产精品专区第二| 欧美精品在线观看91| 欧美在线观看视频| 欧美成人免费一级人片100| 亚洲精品ady| 最近2019中文免费高清视频观看www99| 国产精品国产三级国产aⅴ浪潮| 午夜精品久久久久久99热| 亚洲午夜女主播在线直播| 久久久久久国产精品| 亚洲视频国产视频| 最好看的2019年中文视频| 18性欧美xxxⅹ性满足| 国产成人精品优优av| 欧美国产视频一区二区| 懂色aⅴ精品一区二区三区蜜月| 亚洲欧洲一区二区三区久久| 在线国产精品视频| 色先锋资源久久综合5566| 91成人福利在线| 国产精品香蕉国产| 91国产精品视频在线| 91精品在线影院| 久久免费视频在线观看| 亚洲精品久久在线| 亚洲人成77777在线观看网| 欧美日韩国产中文精品字幕自在自线| 91社区国产高清| 国产欧美精品一区二区三区-老狼| 日韩在线视频观看| 91在线高清免费观看| 亚洲精品资源美女情侣酒店| 45www国产精品网站| 福利精品视频在线| 亚洲第一精品夜夜躁人人躁| 日韩av免费网站| 日韩精品在线免费| 91精品国产91久久久久福利| 亚洲乱码国产乱码精品精| 久久久久久美女| 国产精品网站入口| 欧美激情一区二区三区在线视频观看| 精品国产一区二区三区久久久狼| 欧美日韩电影在线观看| 中文字幕精品一区二区精品| 亚洲国产福利在线| 综合av色偷偷网| 亚洲丁香久久久| 欧美有码在线观看视频| 精品呦交小u女在线| 国产精品2018| 最近2019年好看中文字幕视频| 久久夜色精品国产亚洲aⅴ| 国产狼人综合免费视频| 亚洲小视频在线| 国产精品三级网站| 欧美精品一二区| 亚洲一区亚洲二区亚洲三区| 中文一区二区视频| 亚洲人成网站免费播放| 亚洲国产欧美一区二区丝袜黑人| 欧美超级乱淫片喷水| 欧洲亚洲在线视频| 91中文在线视频| 亚洲欧美日韩一区二区在线| 国产精品美女久久久久av超清| 精品欧美一区二区三区| 久久久成人av| 国产精品一区二区av影院萌芽| 精品国内自产拍在线观看| 亚洲国产精品久久久久久| 欧美精品成人91久久久久久久| 欧美麻豆久久久久久中文| 国产精品国产三级国产专播精品人| 久久五月天综合| 91av免费观看91av精品在线| 97视频网站入口| 中文字幕综合在线| 国产精品久久久久久影视| 92福利视频午夜1000合集在线观看| 国产成人精品a视频一区www| 91在线免费观看网站| 亚洲国产婷婷香蕉久久久久久| 91国产在线精品| 国产精品成人观看视频国产奇米| 欧美一二三视频| 国产suv精品一区二区三区88区| xxxxx成人.com| 成人福利在线观看| 久久久久久这里只有精品| 日韩欧美高清视频| 亚洲国产欧美日韩精品| 这里只有精品在线播放| 91精品国产自产91精品| 欧美一区深夜视频| 日韩不卡中文字幕| 国产成人精彩在线视频九色| 中文字幕免费国产精品| 欧美综合在线第二页| 一区二区三区精品99久久| 亚洲欧美日韩区| 日韩av毛片网| 亚洲在线观看视频| 亚洲аv电影天堂网| 亚洲男人的天堂在线播放| 中文字幕亚洲字幕| 亚洲成人激情图| 国产日韩欧美91| 正在播放欧美视频| 亚洲人成网站色ww在线| 日韩精品视频在线观看网址| 日韩精品免费综合视频在线播放| 国产精品视频播放| 欧美精品videosex性欧美| 少妇高潮久久久久久潘金莲| 欧美一区二区色| 秋霞午夜一区二区| 欧美性生活大片免费观看网址| 国产视频福利一区| 一区二区三区国产在线观看| 成人黄色影片在线| 日韩av电影国产| 国产精品午夜视频| 欧美日韩aaaa| 亚洲午夜女主播在线直播| 91在线直播亚洲| 久久99热精品这里久久精品| 国产精品18久久久久久首页狼| 91免费看片网站| 国产精品av在线| 国产玖玖精品视频| 久久视频免费在线播放| 欧美精品一二区| 亚洲精品有码在线| 欧美俄罗斯乱妇| 亚洲欧美中文日韩在线v日本| 国产精品日韩在线播放| 欧美激情视频网址| 久久久成人精品| 中文字幕精品一区久久久久| 欧美中在线观看| 国产精品91在线观看|