Posts Tagged "CSS"

美丽是一门技艺—-Flex CSS

对于Flex CSS,Adobe推荐使用CamelCase格式命名选择器和样式属性。例如
.mystyle
{
    font:Arial;
    fontStyle:italic;
}
ComboBox
{
    Selection-color:#32cd32
}

关于CamelCase:
  也译作“骆驼拼写法”。CamelCase在英语中,是指通过单词起首大写方式进行复合词拼写的方法。该拼写方法使得复合词连续没有空格,但组成复合词的每个子单词起首字母大写,由此易于分辨复合词的组成.

Flex常用的CSS选择器

一、Class选择器

Class选择器名称由”.”起始,接以选择器名称。通过将组件的styleName属性设置为选择器名称,Class选择器定义的样式将被显式地指定给要修饰的组件。

二、Type选择器

Type选择器为指定类型的组件应用其定义的样式。Type选择器的名称为某类组件类型,如Button、ComboBox等

三、Application选择器

Application选择器是典型的Type选择器,只不过由于Application容器的特殊而显得不同。作为Flex应用的顶级容器,以及容器子项继承样式的能力,开发者可以创建Application选择器样式,由此设定整个应用的标准外观属性。

但另一方面,我们可以设定的外观属性仅仅局限在那些特殊可继承的样式属性,对于那些不可继承的样式属性,即使在Application选择器样式中进行定义,也无法应用到整个应用中。

四、global选择器

使用global选择器,能够为那些不可继承的样式属性设定全局统一应用的样式。global选择器不同于Type选择器,并没有一个global类。也不同于Class选择器,开发者无需显式的设定组件的styleName属性为global.在global选择器中定义的样式,会自动应用到全局应用中。

CSS 優先級

自己画了个图,表述一下样式应用的优先级:

2009-08-26_162556