Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>Example</title> <style> article > pre { font-size: 1.4em; color: limegreen; background: beige; } </style> <article> <h1>Child combinator example</h1> <pre>Here's some preformatted text </pre> <aside> <pre>Here's some preformatted text </pre> </aside> <pre>Here's some preformatted text </pre> </article> <p>The child combinator matches the first and third instance of preformatted text, because they are children of the <code>article</code> element. The second instance does not match, because its not a child of the <code>article</code> element (its a child of the <code>aside</code> element).</p>