解决<fx:Style>样式设置中报错 必须使用命名空间限定 CSS 选择器“Alert”中的类型“Alert”

问题：

使用样式表(css)。如果在mxml中使用<fx:style>标签，即<fx:style>标签必需要mxml文档根元素的直接子元素。在给Alert设置样式时报错：必须使用命名空间限定 CSS 选择器“Alert”中的类型“Alert”。

 

分析：

常用的css选择器有class选择器和type选择器。使用type选择器时需要使用命名空间，语法如下：@namespace s "library://ns.adobe.com/flex/spark"; s|Button{}。

 

解决实例：

<?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:Declarations>
  <!-- 将非可视元素（例如服务、值对象）放在此处 -->
 </fx:Declarations>
 <!-- 设定应用样式 -->
 <fx:Style>
  @namespace mx "library://ns.adobe.com/flex/mx"; mx|Alert{
   fontSize: 18pt;
  }
  @namespace s "library://ns.adobe.com/flex/spark"; s|Button{
   fontSize: 18pt;
  }
  @namespace s "library://ns.adobe.com/flex/spark"; s|TextInput{
   fontSize: 18pt;
  }
 </fx:Style>
 <fx:Script>
  <![CDATA[
   //导入Alert类和关闭事件类
   import mx.controls.Alert;
   import mx.events.CloseEvent;
   //定义私有函数弹出对话框
   private function popAlert():void{
    //修改Alert.YES和Alert.NO的显示文本
    Alert.yesLabel = "是";
    Alert.noLabel = "否";
    //弹出对话框设定显示标题为“选择对话框”，提示内容为“请选择'是'或者'否'”，显示Alert.YES和Alert.NO两个按钮
    //设定关闭Alert对话框响应的事件，设定缺省按钮为Alert.YES
    Alert.show("请选择'是'或者'否'","选择对话框",Alert.YES|Alert.NO,this,clickSelectHandler,null,1);
   }
   //定义私有函数响应用户对Alert对话框的操作
   private function clickSelectHandler(event:CloseEvent):void{
    //得到用户点击的按钮
    if (event.detail==Alert.YES)
     //在TextInput组件当中显示的内容
     displaySelect_txt.text="您选择了是";
    else
     displaySelect_txt.text="您选择了否";
   }
  ]]>
 </fx:Script>
 <s:Button id="popAlert_btn" y="87" label="弹出对话框" horizontalCenter="0" click="popAlert()"/>
 <s:TextInput id="displaySelect_txt" y="144" horizontalCenter="0"/>
</s:Application>