解说:
id 选择器常常用于建立派生选择器。
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";
#hg s|TextInput{
color: #FF0000;
}
</fx:Style>
<s:VGroup>
<s:HGroup id="hg" verticalAlign="middle">
<s:Label text="Text Input 1"/>
<s:TextInput text="sample"/>
</s:HGroup>
<s:TextInput text="sample"/>
</s:VGroup>
</s:Application>
执行结果:
编译器自动生成代码:
var conditions:Array;
var condition:CSSCondition;
var selector:CSSSelector;
selector = null;
conditions = null;
conditions = [];
condition = new CSSCondition("id", "hg");
conditions.push(condition);
selector = new CSSSelector("*", conditions, selector);
conditions = null;
selector = new CSSSelector("spark.components.TextInput", conditions, selector);
// *#hg spark.components.TextInput
style = styleManager.getStyleDeclaration("*#hg spark.components.TextInput");
if (!style)
{
style = new CSSStyleDeclaration(selector, styleManager);
}
if (style.factory == null)
{
style.factory = function():void
{
this.color = 0xff0000;
};
}