#

# Example: Contextual Example

CSS Base can be used contextually by appyling CSS Base to specific regions of the page.

View Example in New Window

## Contextual Usage

When CSS Base is included in a page it applies rules to all HTML elements via type selectors like this: `h1 {margin-bottom:1em;}`. An alternate version, `cssbase-context.css`, uses only descendent selectors like this: `.yui3-cssbase-context h1 {margin-bottom:1em;}`. This means you can put that class value on a node in your document to choose which region(s) of your page CSS Base will be applied to.

    <div class="yui3-cssbase">
        <p>Everything within this container will have CSS Base applied.</p>
    </div>

### Note:

Because CSS examples are susceptible to other CSS on the page, this example is only available in a new window at the above link.