Hierarchy of styles

• When style information is located in all three places in one site, the hierarchy is as follows:

• • External Style Sheets affect the entire site.
  • Internal styles affect only their own pages and override external styles.
  • Inline styles affect only their own tags and override both internal and external styles.

• For example, if an external Style Sheet sets <h2> tags to purple and a particular page has an internal style that changes that color to orange, the <h2> tags will be orange only on that page and nowhere else in the site. If there is a single <h2> tag on that page which specifies green as its color, then the color for that one tag will be green. All other <h2> tags on that page would be orange; the <h2> tags on the rest of the site would be purple.