Embedded Style Sheet Example

This is heading level 1

Paragraph

This is heading level 2

Paragraph

This is heading level 3

Here is the style sheet that uses a sans-serif font for the first three heading levels and makes relative font size changes.

<style type="text/css">
   h1 { font-family: arial, sans-serif;
        font-size: xx-large;} 
   h2 { font-family: arial, sans-serif;
        font-size: x-large;} 
   h3 { font-family: arial, sans-serif;
        font-size: large;}
   p.warning {color: #FF0000}
   p.warning code {color: #000000}
  </style>

This paragraph is red since the warning class selector is applied to it using <p class="warning>...</p>. However the code text is black because of the contextual selector for code elements within paragraphs that have the warning class applied.