当在视图View的mxml文件中经过<fx:style>标签为组件定义CSS样式时,出现了组件中不支持 CSS 类型选择器:“spark.components.*”,也许你会说这不过是一个警告罢了,不用理它,可是结果每每不尽如人意,不处理这个警告,组件就没有办法显示咱们本身定义的CSS样式,因此仍是把它解决掉比较好.. c#
这个警告说了不能在组件中支持CSS类型选择器,想想咱们错在了哪里?其实很简单,咱们就是在组件View中定义了和View评级的类型的CSS样式,即和View同样在包spark.components.*下的组件的样式,这是CSS所不容许的。要解决这个限制其实也很简单,只要在<fx:style>标签中自定义样式,并本身取一个名称,而后在组件中经过styleName属性设置这个样式便可。须要注意的是样式的自定义名称前要有符号“.”,但在styleName属性中引用这个样式时则不须要这个“.”符号,示例以下: ide
//ToggleSwitch为设置自定义样式myTSSyle
<s:ToggleSwitch id="ts" slideDuration="1" styleName="myTSStyle"/>
//样式myTSStyle的定义
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
//若是命名为s|ToggleSwitch则会报如上错误。 .myTSStyle
{
accentColor: #000000;
color: #FF0011;
fontSize: 27;
skinClass:ClassReference("spark.skins.mobile.ToggleSwitchSkin");
slideDuration: 125;
textShadowAlpha: .65;
textShadowColor: #000000;
}
</fx:Style>