Selector precedence between style name and style name with namespace : CSS Selector « Style « Flex






Selector precedence between style name and style name with namespace

Selector precedence between style name and style name with namespace
         

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Style>
    @namespace mx "http://www.adobe.com/2006/mxml";
    .myclass {
         color: Red;
    }
    mx|Button {
         fontSize: 10pt;
         color: Yellow;
    }
    </mx:Style>
    <mx:VBox width="500" height="200">
         <mx:Button styleName="myclass" label="I am red"/>
         <mx:Button label="I am yellow"/>
    </mx:VBox>
</mx:Application>

   
    
    
    
    
    
    
    
    
  








Related examples in the same category

1.Applying behaviors in MXML using styles type selectorApplying behaviors in MXML using styles type selector
2.Class selector names must start with a period when using getStyleDeclaration()Class selector names must start with a period when using getStyleDeclaration()
3.Using compound selectorsUsing compound selectors
4.Define a class and a type selector in the tag:Define a class and a type selector in the <mx:Style> tag:
5.Define textDecoration, a noninheriting property, to the global selectorDefine textDecoration, a noninheriting property, to the global selector
6.Use getStyleDeclaration() to apply the styles with the global selectorUse getStyleDeclaration() to apply the styles with the global selector
7.Set new class selectors on different targetsSet new class selectors on different targets
8.Define a class selector and a type selector in the tagDefine a class selector and a type selector in the <fx:Style> tag
9.Using class selectors for axis stylesUsing class selectors for axis styles
10.Defines colors for each of the series by setting the value of the fill style property in the custom class selectors:Defines colors for each of the series by setting the value of the fill style property in the custom class selectors:
11.Define a class selectorDefine a class selector
12.Style class selector on different targetsStyle class selector on different targets
13.Define multiple style properties in each selector by separating each property with a semicolonDefine multiple style properties in each selector by separating each property with a semicolon
14.Type Selector InheritanceType Selector Inheritance
15.Class selector names must start with a period when you access them with the getStyleDeclaration() methodClass selector names must start with a period when you access them with the getStyleDeclaration() method
16.Compound SelectorsCompound Selectors
17.An id selectorAn id selector
18.Four selectorsFour selectors
19.SubComponent Styles SelectorSubComponent Styles Selector
20.A class and a type selector in the tag:A class and a type selector in the <fx:Style> tag:
21.Global Type SelectorGlobal Type Selector
22.Use getStyleDeclaration() method to apply the styles with the global selector example showsUse getStyleDeclaration() method to apply the styles with the global selector example shows