​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
    article pre {
5
        font-size: 1.4em;
6
        color: limegreen;
7
        background: beige;
8
    }
9
</style>
10
​
11
<article>
12
    <h1>Descendant combinator example</h1>
13
    <pre>Here's some
14
        preformatted text
15
    </pre>
16
​
17
    <aside>
18
    <pre>Here's some
19
        preformatted text
20
    </pre>
21
    </aside>
22
​
23
    <pre>Here's some
24
        preformatted text
25
    </pre>
26
</article>
27
​
28
<p>The descendant combinator matches all instances of preformatted text, because they are all are descendants of the <code>article</code> element.</p>