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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值