您的位置:首页 > Web前端 > CSS

FLEX CSS样式:类选择器和类型选择器的区别

2009-07-09 10:23 309 查看
类选择器和类型选择器的区别

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: