关于Style和CSS

#天琪#

CSSStyleDeclaration 类表示一组 CSS 样式规则。MXML 编译器在和 Flex 应用程序关联的 CSS 文件中为每个选择器自动生成一个 CSSStyleDeclaration 对象。
CSS 规则，如

      Button { color: #FF0000 }
  影响 Button 类的每个实例；如 Button 之类的选择器称为类型选择器，不能以点开头。

CSS 规则，如

      .redButton { color: #FF0000 }
  只影响其 styleName 属性设置为 ".redButton" 的组件；如 .redButton 之类的选择器称为类选择器，必须以点开头。

可以使用 StyleManager.getStyleDeclaration() 方法访问自动生成的 CSSStyleDeclaration 对象，向其传递类型选择器

  var buttonDeclaration:CSSStyleDeclaration =
      StyleManager.getStyleDeclaration("Button");
  或类选择器。
  var redButtonStyleDeclaration:CSSStyleDeclaration =
      StyleManager.getStyleDeclaration(".redButton");
  
可使用 getStyle()、setStyle() 和 clearStyle() 方法获取、设置和清除 CSSStyleDeclaration 上的样式属性。

还可以使用 StyleManager.setStyleDeclaration() 方法在运行时创建和安装 CSSStyleDeclaration。

  var newStyleDeclaration:CSSStyleDeclaration = new CSSStyleDeclaration();
  newStyleDeclaration.defaultFactory = function():void
  {
      leftMargin = 50;
      rightMargin = 50;
  }
  StyleManager.setStyleDeclaration(".bigMargins", newStyleDeclaration, true);


相对而言，var btn:Button=new Button();btn.setStyle("fontSize",30);仅仅是改变btn这一个实例，而使用setStyle("fontSize",30)改变的将是所有Button实例。StyleManager.getStyleDeclaration('Button')就是一个关于Button的类选择器。