Text - Introducing HTML5 - page 35

In the following example:
<h1>Unicorns and butterflies</h1>
<nav>
<h2>Main nav</h2>
...
</nav>
<article>
<h2>Fairies love rainbows!</h2>
<p>According to Mr Snuggles the fluffy kitten, fairies
¬ like:</p>
<blockquote>
<h3>Pretty dainty things</h3>
<p>Fairies love rainbows, ribbons, and ballet shoes</p>
<h3>Weaponry</h3>
<p>Fairies favour Kalashnikovs, flick knives, and
¬ depleted uranium missiles</p>
</blockquote>
</article>
the outline does not include the contents of blockquote :
( Figure 2.9 ).

FIGURE 2.9 The outline
does not include content in a
sectioning root.

1. Unicorns and butterflies
1. Main nav
2. Fairies love rainbows!

Styling headings in HTML5

All this clever stuff presents a challenge to authors of CSS.
Given that
<article><section><h1>...</h1></section></article>
<article><article><h1>...</h1></article></article>
<section><section><h1>...</h1></section></section>
<section><aside><h1>...</h1></aside></section>
<h3>...</h3>
can potentially be the same logical levels, you might natu-
rally wish to apply the same styling (you may equally wish
not to). This can lead to gigantic blocks of rules in your style
sheets. There has been some talk of a new CSS pseudo-class
or pseudo-element like :heading( n ) , which would be possible