span > span
)
<p class="example"> <span >Quick <span >brown <span >fox <span >jumps <span >over <span >the <span >lazy <span >dog. </span> </span> </span> </span> </span> </span> </span> </span> </p>
span {font-variant: normal} p.example > span:first-child {font-size:550%; font-variant:small-caps} span > span {font-size:smaller}
By making the elements nest, and using the parent selector
(span > span
)
Quick brown fox jumps over the lazy dog.
... we get an interesting telescoping effect.