顾名思义。
test1.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
global{
color: #FF0000;
}
</fx:Style>
<s:VGroup>
<s:HGroup verticalAlign="middle">
<s:Label text="Text Input 1"/>
<s:TextInput text="sample"/>
</s:HGroup>
<s:TextInput text="sample"/>
</s:VGroup>
</s:Application>
执行结果:
编译器自动生成代码:
test1-generated.as
var conditions:Array;
var condition:CSSCondition;
var selector:CSSSelector;
selector = null;
conditions = null;
conditions = null;
selector = new CSSSelector("global", conditions, selector);
// global
style = styleManager.getStyleDeclaration("global");
if (!style)
{
style = new CSSStyleDeclaration(selector, styleManager);
}
if (style.factory == null)
{
style.factory = function():void
{
this.color = 0xff0000;
};
}
我们发现,编译器自动生成的_test1_Styles.as中,也有同样"global"标识的代码,相同标识的代码将按照某种规则相互覆盖。这是后话。
_test1_Styles.as的摘录:
//
// global
//
selector = null;
conditions = null;
conditions = null;
selector = new CSSSelector("global", conditions, selector);
mergedStyle = styleManager.getMergedStyleDeclaration("global");
style = new CSSStyleDeclaration(selector, styleManager, mergedStyle == null);
if (style.defaultFactory == null)
{
style.defaultFactory = function():void
{
this.lineHeight = "120%";
this.unfocusedTextSelectionColor = 0xe8e8e8;
this.kerning = "default";
this.caretColor = 0x0167ff;
this.iconColor = 0x111111;
this.verticalScrollPolicy = "auto";
this.horizontalAlign = "left";
this.filled = true;
this.showErrorTip = true;
this.textDecoration = "none";
this.columnCount = "auto";
this.liveDragging = true;
this.dominantBaseline = "auto";
this.fontThickness = 0;