<DIV CLASS="textBlue">
  <SPAN>
    Notice the style assignment hierarchy: setting color by inherited CLASS 
  </SPAN>
</DIV>

<DIV CLASS="textBlue" STYLE="color: red">
  <SPAN>
    Notice the style assignment hierarchy: setting color by inherited inline STYLE 
  </SPAN>
</DIV>

<DIV CLASS="textBlue" STYLE="color: red" onMouseOver="this.style.color = 'tan'" 
  onMouseOut="this.style.color = 'purple'">
  <SPAN>
    Notice the style assignment hierarchy: setting color by inherited scripting
  </SPAN>
</DIV>

<DIV CLASS="textBlue" STYLE="color: red" onMouseOver="this.style.color = 'tan'" 
  onMouseOut="this.style.color = 'purple'">
  <SPAN CLASS="textYellow">Notice the style assignment hierarchy: 
    setting color by own CLASS 
  </SPAN>
</DIV>

<DIV CLASS="textBlue" STYLE="color: red" onMouseOver="this.style.color = 'tan'" 
  onMouseOut="this.style.color = 'purple'">
  <SPAN CLASS="textOrange" STYLE="color: magenta">
    Notice the style assignment hierarchy: setting color by own inline STYLE 
  </SPAN>
</DIV>

<DIV CLASS="textBlue" STYLE="color: red" onMouseOver="this.style.color = 'tan'" 
  onMouseOut="this.style.color = 'purple'">
  <SPAN CLASS="textOrange" STYLE="color: magenta" 
    onMouseOver="this.style.color = 'green'" 
    onMouseOut="this.style.color = 'brown'">
    Notice the style assignment hierarchy: setting color by own scripting 
  </SPAN>
</DIV>

Learn more about the subject in Column 66, Dynamic Styles.

People who read this tip also read these tips:

• Relative Elements
• Extracting the Remainder of a String
• Playing Elements in Sequence
• Dynamic Style Evolution
• The zoom Property