Version 3.17.2

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.